HTML Dasar
HTML Menengah
HTML Mahir
HTML Referensi
HTML Contoh
HTML Resources

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>
Coba sendiri »
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.

Codingku HTML Editori
<table border="1">
<tr><td> Jono </td> <td> Budi </td></tr>
<tr><td> Wati </td> <td> Anjas </td></tr>
</table>
Coba sendiri »

Tabel dengan border berwarna :
Jono Budi
Wati Anjas

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>
Coba sendiri »

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 :

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>
Coba sendiri »


Situs ini masih dalam versi beta, artinya masih dalam proses pengembangan baik dari segi bug maupun isi yg kurang lengkap. Silahkan melihat-lihat yang sudah ada sementara ini, tiap hari kami akan berusaha untuk melengkapi kekurangannya...