Praktek 2.9 Element Tabel Heading
Fungsi elemen <th> adalah membuat judul tabel otomatis bold.
Contoh tagnya seperti di bawah ini:
<html>
<head>
<title>Contoh Tabel</title>
</head>
<body>
<table border=1 cellspacing=5 cellpadding=5 width=60% align=center bordercolor=#ff0000 bordercolorlight=#ff0000 bordercolordark=#000000>
<tr>
<th>
Ini adalah contoh header tabel
</th>
</tr>
<tr>
<td>
Ini adalah tabel 1 baris, 1 kolom
</td>
</tr>
</table>
</body>
</html>
Screenshotnya seperti di bawah ini:

Lalu simpan dengan cara klik menu File, lalu klik Save As.

Simpan di drive dan folder yang anda kehendaki. Ketik nama file yang ingin anda simpan sesuai keinginan anda, tapi simpan dengan tambahan ekstensi .html. Setelah itu klik Save untuk menyimpan.

Buka file yang telah anda simpan tadi dengan cara double klik pada file di mana tempat anda menyimpan file tadi.

Akan muncul aplikasi browser dan tampilannya seperti di bawah ini. Tampak judul tabel otomatis menjadi bold (hitam tebal).

Sekian dan terima kasih semoga bermanfaat bagi pembaca.
Tidak ada komentar:
Posting Komentar