Tutorial HTML Lanjut
Membuat Tabel
Dasar-dasar TabelUntuk mempercantik tampilan website, kebanyakan para designer web menggunakan tabel selain juga untuk mempermudah pekerjaan mereka. Dalam pembuatan homepage tabel memiliki fungsi tidak kalah penting dengan tag-tag HTML lainnya. Tabel menampilkan data secara berstruktur, ringkas dan mudah dibaca, serta membuat penampilan menjadi lebih menarik.
Untuk membuat tabel, HTML menyediakan tag <TABLE>. Dalam tag <TABLE> terdapat banyak atribut, diantaranya:
Membuat Tabel Sederhana
Untuk membuat baris, setelah menuliskan tag <TABLE> maka digunakan tag Table Row <TR>. Sedangkan untuk membuat kolom digunakan Table Data <TD>. Dan untuk membuat judul tabel digunakan Tabel Header <TH>.
Contoh tabel yang paling sederhana:
Letakkan kode berikut diantara tag <BODY> ... </BODY>
- Code:
-
<table>
<tr>
<td> No.</td>
<td> Nama</td>
<td> Alamat</td>
</tr>
<tr>
<td>1.</td>
<td> Kitsune </td>
<td>Gresik</td>
</tr>
<tr>
<td>2. </td>
<td>Nyaonichi</td>
<td>Madura</td>
</tr>
</table>
Setelah dijalankan dengan kode HTML maka tampilannya:
Nah sekarang silakan ber-exlporasi sendiri membuat tabel yang lebih rumit dengan menggunakan tag-tag dan atribut yang ada.