HTML Table

Tiga hal penting dari tabel adalah :

• Tag pembuka tabel : <table>
• Tag row : <tr>
• Tag data : <td>

Ok, dengan hal tersebut tertanam di pikiran kita, kita coba membuat sebuah tabel:

Jono	Budi
Wati	Anjas

Source code dari kode di atas :

Codingku HTML Editori

<table>
<tr><td> Jono </td> <td> Budi </td></tr>
<tr><td> Wati </td> <td> Anjas </td></tr>
</table>

Perhatikan, dari contoh di atas anda bisa mengetahui berapa lajur /<tr> dan kolom/<td>  dari tabel tersebut

Table Border

Kita buat contoh tabel yang lain :

Dengan menambahkan attribut border = "1" maka akan kita dapatkah hasil seperti di atas.

Codingku HTML Editori

<table border="1">
<tr><td> Jono </td> <td> Budi </td></tr>
<tr><td> Wati </td> <td> Anjas </td></tr>
</table>

Dengan menambahkan bordercolor="red" kita akan mendapatkan border tabel berwarna merah.

Codingku HTML Editori

<table border="1" bordercolor="red">
<tr><td> Jono </td> <td> Budi </td></tr>
<tr><td> Wati </td> <td> Anjas </td></tr>
</table>

Table Header

Informasi dari kepala tabel di definisikan dengan tag "<th>", semua browser utama menampilkan isi dari <th> dengan bold dan centered.

Source code :

Codingku HTML Editori

<table border="1" bordercolor="red">
<tr><th> A </th> <th> B </th></tr>
<tr><td> Jono </td> <td> Budi </td></tr>
<tr><td> Wati </td> <td> Anjas </td></tr>
</table>