Tugas Tabel & Tabel bersarang
Assalamualaikum.
Halo teman teman ! Pada kesempatan kali ini saya akan membagikan Tutorial membuat sebuah tabel. Namun sebelum membuat tabel ada beberapa tag yang harus diingat untuk membuat tabel di HTML:
Halo teman teman ! Pada kesempatan kali ini saya akan membagikan Tutorial membuat sebuah tabel. Namun sebelum membuat tabel ada beberapa tag yang harus diingat untuk membuat tabel di HTML:
- Tag
<table>untuk membungkus tabelnya - Tag
<thead>untuk membungkus bagian kepala tabel - Tag
<tbody>untuk membungkus bagian body dari tabel - Tag
<tr>(tabel row) untuk membuat baris - Tag
<td>(table data) untuk membuat sel - Tag
<th>(table head) untuk membuat judul pada header
<!DOCTYPE HTML>
<html>
<head>
<title>Table HTML</title>
</head>
<body>
<table border="3" cellpadding="2" cellspacing="3" width="100%" background="02552dca6a64ee903f70468d56243658.jpg" >
<caption>Daftar Rasa Bumbu Dapur</caption>
<thead align="center">
<th>Manis</th>
<th>Asam</th>
<th>Pedas</th>
</thead>
<tbody>
<tr align="center">
<td>Kayu Manis</td>
<td>Asam Jawa</td>
<td>Jahe</td>
</tr>
<tr align="center">
<td>Gula Pasir</td>
<td>Jeruk Nipis</td>
<td>Cabai</td>
</tr>
<tr align="center">
<td>Biji Wijen</td>
<td>Belimbing Wuluh</td>
<td>Lada</td>
</tr>
<tr align="center">
<td>Kecap</td>
<td>Kluwak</td>
<td>Paprika</td>
</tr>
<tr align="center">
<td>Gula Jawa</td>
<td>Lemon</td>
<td>Pala</td>
</tr>
<tr align="center">
<td>Madu</td>
<td>Cuka</td>
<td>Wasabi</td>
</tr>
</tbody>
</table>
</body>
</html>
Berikut ini adalah hasil tampilannya :
2. Tabel bersarang,berikut adalah scriptnya:
<!DOCTYPE HTML>
<html>
<head>
<title>Table HTML</title>
</head>
<body>
<table border="3" cellpadding="2" cellspacing="3" width="100%" height="100%" background="1c4437ef1c7141e013eadee7f1b33163.jpg">
<tr>
<td>
<table border="3" cellpadding="2" cellspacing="3" width="100%" height="100%">
<thead align="center">
<th>Manis</th>
<th>Asam</th>
<th>Pedas</th>
</thead>
<tbody>
<caption>Daftar Rasa Bumbu Dapur</caption>
<caption align="right">Ada banyak rasa dalam bumbu dapur,terutama bumbu dapur di Indonesia. Berikut ini merupakan daftar rasa bumbu dapur di Indonesia :</caption>
<tr align="center">
<td>Kayu Manis</td>
<td>Asam Jawa</td>
<td>Jahe</td>
</tr>
<tr align="center">
<td>Gula Pasir</td>
<td>Jeruk Nipis</td>
<td>Cabai</td>
</tr>
<tr align="center">
<td>Biji Wijen</td>
<td>Belimbing Wuluh</td>
<td>Lada</td>
</tr>
<tr align="center">
<td>Kecap</td>
<td>Kluwak</td>
<td>Paprika</td>
</tr>
<tr align="center">
<td>Gula Jawa</td>
<td>Lemon</td>
<td>Pala</td>
</tr>
<tr align="center">
<td>Madu</td>
<td>Cuka</td>
<td>Wasabi</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</body>
</html>
Berikut ini adalah hasilnya:
Semoga Bermanfaat^^
|
|---|
Komentar
Posting Komentar