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 :

 

 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 :

Jono	Budi
Wati	Anjas

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

 

HTML Editori

 

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

Tabel dengan border berwarna :

Jono	Budi
Wati	Anjas

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

 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.

A	B
Jono	Budi
Wati	Anjas

Source code :

  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>