Tabel didefinisikan dengan tag table.
Sebuah tabel dibagi menjadi baris dengan tag <tr>. (tr singkatan table row)
Baris A dibagi ke dalam sel data dengan tag <td>. (td singkatan dari table data)
Baris A juga dapat dibagi menjadi judul dengan tag <th>. (th singkatan dari table heading)
Unsur-unsur <td> adalah wadah data dalam tabel.
Unsur-unsur <td> dapat berisi segala macam elemen HTML seperti teks, gambar, daftar, tabel lain, dll
Lebar tabel dapat didefinisikan dengan menggunakan CSS.
Contoh :
<table style="width:300px">
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
Jika Anda tidak menentukan perbatasan untuk table, akan ditampilkan tanpa batas.
Sebuah perbatasan dapat ditambahkan dengan menggunakan atribut border:
Contoh :
<table border="1" style="width:300px">
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
Untuk menambahkan perbatasan dengan CSS, menggunakan properti border:
contoh :
<style>
table,th,td
{
border:1px solid black;
}
</style>
0 komentar:
Posting Komentar