Tutorial Belajar Table Header di HTML
Seringkali kita perlu menampilkan header untuk setiap kolom pada tabel. HTML menyediakan tag
<th>
untuk memuat konten header kolom.
<table border="1"><tr>
<th>Kolom 2</th>
<th>Kolom 1</th>
<td>Baris 1 Kolom 1</td>
</tr>
<tr>
<td>Baris 1 Kolom 2</td>
</tr>
<tr>
<td>Baris 2 Kolom 1</td>
</table>
<td>Baris 2 Kolom 2</td>
</tr>
Tabel di atas akan tampil seperti ini:
Kolom 1 | Kolom 2 |
---|---|
Baris 1 Kolom 1 | Baris 1 Kolom 2 |
Baris 2 Kolom 1 | Baris 2 Kolom 2 |
PRAKTEK
- Tambahkan header di baris pertama pada kode table di editor, masing-masing dengan konten Nama, Kota dan Gol. Darah. Gunakan tag
<th>
pada konten header tabel.
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<table border="1">
<tr>
<td>Toni</td>
<td>Bandung</td>
<td>B</td>
</tr>
<tr>
<td>Kresna</td>
<td>Jakarta</td>
<td>AB</td>
</tr>
<tr>
<td>Singgih</td>
<td>Cianjur</td>
<td>A</td>
</tr>
</table>
</body>
</html>
Hasilnya:
Toni | Bandung | B |
Kresna | Jakarta | AB |
Singgih | Cianjur | A |
0 Response to "Tutorial Belajar Table Header di HTML"
Posting Komentar