-->

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 1Kolom 2
Baris 1 Kolom 1Baris 1 Kolom 2
Baris 2 Kolom 1Baris 2 Kolom 2

PRAKTEK

  • Tambahkan header di baris pertama pada kode table di editor, masing-masing dengan konten NamaKota 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:
ToniBandungB
KresnaJakartaAB
SinggihCianjurA

0 Response to "Tutorial Belajar Table Header di HTML"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel