Tag ini digunakan untuk membuat tabel pada dokumen HTML. Sebelumnya kita akan membahas tentang guna tabel itu sendiri. Tabel sangat berguna untuk membuat susunan halaman HTML kita menjadi lebih rapi. Dengan tabel kita dapat dengan leluasa menempatkan tulisan atau gambar dengan tatanan yang sangat teratur. Penggunaan tag ini selalui disertai dengan penggunaan tag dan . Tag untuk menyatakan baris dari tabel dan tag untuk menyatakan kolom dari tabel.
Contoh penulisan :<table>
<tr>
<td>
Tabel ini memiliki dua kolom. Ini kolom pertama.
</td>
<td>
Tabel ini memiliki dua kolom. Ini kolom kedua.
</td>
</tr>
</table>
Tabel ini memiliki dua kolom. Ini kolom pertama. | Tabel ini memiliki dua kolom. Ini kolom kedua. |
BORDER
Atribut ini berguna untuk memberikan garis tepi pada tabel, jika tabel tidak dituliskan garis tepinya maka secara otomatis akan diartikan bahwa garis tepi bernilai 1.
Contoh:
<table border="0">
<tr>
<td>
Tabel ini memiliki dua kolom. Ini kolom pertama.
</td>
<td>
Tabel ini memiliki dua kolom. Ini kolom kedua.
</td>
</tr>
</table>
Hasilnya :
Tabel ini memiliki dua kolom. Ini kolom pertama. | Tabel ini memiliki dua kolom. Ini kolom kedua. |
Contoh II:
<table border="1">
<tr>
<td>
Tabel ini memiliki dua kolom. Ini kolom pertama.
</td>
<td>
Tabel ini memiliki dua kolom. Ini kolom kedua.
</td>
</tr>
</table>
Hasilnya,
Tabel ini memiliki dua kolom. Ini kolom pertama. | Tabel ini memiliki dua kolom. Ini kolom kedua. |
Contoh III:
<table border="2">
<tr>
<td>
Tabel ini memiliki dua kolom. Ini kolom pertama.
</td>
<td>
Tabel ini memiliki dua kolom. Ini kolom kedua.
</td>
</tr>
</table>
Hasilnya,
Tabel ini memiliki dua kolom. Ini kolom pertama. | Tabel ini memiliki dua kolom. Ini kolom kedua. |
Contoh IV:
<table border="15">
<tr>
<td>
Tabel ini memiliki dua kolom. Ini kolom pertama.
</td>
<td>
Tabel ini memiliki dua kolom. Ini kolom kedua.
</td>
</tr>
</table>
Hasilnya,
Tabel ini memiliki dua kolom. Ini kolom pertama. | Tabel ini memiliki dua kolom. Ini kolom kedua. |
CELLPADDING
Atribut ini digunakan untuk memberikan jarak antar sel pada suatu tabel.
Contoh I:
<table border="1" cellpadding="0">
<tr>
<td>
Tabel ini memiliki dua kolom. Ini kolom pertama.
</td>
<td>
Tabel ini memiliki dua kolom. Ini kolom kedua.
</td>
</tr>
</table>
Hasilnya,
Tabel ini memiliki dua kolom. Ini kolom pertama. | Tabel ini memiliki dua kolom. Ini kolom kedua. |
Contoh II:
<table border="1" cellpadding="5">
<tr>
<td>
Tabel ini memiliki dua kolom. Ini kolom pertama.
</td>
<td>
Tabel ini memiliki dua kolom. Ini kolom kedua.
</td>
</tr>
</table>
Hasilnya,
Tabel ini memiliki dua kolom. Ini kolom pertama. | Tabel ini memiliki dua kolom. Ini kolom kedua. |
Contoh III:
<table border="1" cellpadding="20">
<tr>
<td>
Tabel ini memiliki dua kolom. Ini kolom pertama.
</td>
<td>
Tabel ini memiliki dua kolom. Ini kolom kedua.
</td>
</tr>
</table>
Hasilnya,
Tabel ini memiliki dua kolom. Ini kolom pertama. | Tabel ini memiliki dua kolom. Ini kolom kedua. |
CELLSPACING
Atribut ini digunakan untuk memberikan jarak antar sel pada suatu tabel.
Contoh I:
<table border="1" cellpadding="5" cellspacing="0">
<tr>
<td> Proud</td>
<td> to be </td>
</tr>
<tr>
<td> YUI </td>
<td> Lover </td>
</tr>
</table>
Hasilnya,
| Proud | to be |
| YUI | Lover |
Contoh II:
<table border="1" cellpadding="5" cellspacing="5">
<tr>
<td> Proud</td>
<td> to be </td>
</tr>
<tr>
<td> YUI </td>
<td> Lover </td>
</tr>
</table>
Hasilnya,
| Proud | to be |
| YUI | Lover |
Artikel Terkait:
0 Comments
