Bagian dari sebuah tabel tentu ada judul pada bagian kolom. Sebenarnya bisa dibuat tabel biasa dan menggunakan style huruf yang berbeda pada bagian judul. Misalnya ditebalkan, diberi gaya huruf miring. Namun dalam HTML ini bisa dilakukan tanpa harus melakukan perubahan penulisan huruf. Cukup dengan memberikan perintah tabel header atau dengan menggunakn tag <th>.
Untuk lebih memudahkan bagian mana yang dimaksud. Anda perhatikan gambar di bawah ini. Yang dimaksud judul tabel tersebut adalah pada bagian KELUARGA.
Untuk lebih memudahkan bagian mana yang dimaksud. Anda perhatikan gambar di bawah ini. Yang dimaksud judul tabel tersebut adalah pada bagian KELUARGA.
Untuk mebuat tabel tersebut saya menggunakan kode di bawah ini:
<!DOCTYPE html>
<html>
<head>
<title>Judul Tabel</title>
</head>
<body>
<h2>Memberi Judul pada tabel HTML</h2>
<table border="1" cellpadding="2" cellspacing="2">
<tr>
<th>Keluarga A</th>
<th>Keluarga B</th>
<th>Keluarga C</th>
<th>Keluarga D</th>
</tr>
<tr>
<td>Pak Joko</td>
<td>Pak Beye</td>
<td>Pak Harta</td>
<td> Pak Karna</td>
</tr>
<tr>
<td>Bu Asuh</td>
<td>Bu Asih</td>
<td>Bu Asah</td>
<td>Bu Aseh</td>
</tr>
<tr>
<td>Sisi</td>
<td>Susu</td>
<td>Susi</td>
<td>Sisu</td>
</tr>
</table>
</body>
</html>
Perhatikan bagian bagian tabel. Setelah tag <table> saya menempatkan tag <tr> yang artinya itu tabel row atau baris. Kemudian bagian berikutnya di isi dengan <th>. Nah pada bagian ini di isi judul tabel. Di bagian tersebut saya tidak memberi instruksi tampilan menjadi tebal. Tetapi ketika dijalankan tampilan otomatis menjadi tebal. Inilah specialnya menggunakan <th>.
Pada kode di atas saya membuat 4 buah <th> artinya ada 4 buah kolom pada tabel tersebut. Sehingga untuk entri akan dibuat 4 juga. Misalkan pada jenis bapak, saya bikin 4 yaitu Joko, Beye, Harta dan Karna. Demikian juga untuk bagian ibu dan anaknya.
Share Yuk
Related Posts
Loading...
No comments:
Post a Comment