Tutorial Belajar Table Header di HTML
Sunday, May 14, 2017
Add Comment
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"
Post a Comment