Mengenal Tag th (Table Header) dalam Tabel HTML

Mengenal Tag th (Table Header) dalam Tabel HTML

Mengenal Tag th (Table Header) dalam Tabel HTML - Sering kali ketika kita membuat sebuah tabel, kita selalu membuat pada baris pertama tabel, digunakan sebagai untuk membuat judul, nahh di dalam HTML untuk membuat judul kolom dalam tabel html itu memerlukan sebuah tag, yaitu tag <th>.

Jika di dalam segi tampilan, tag <th> ini sering dibedakan dengan tag lainnya, yaitu dengan diberikan style CSS, baik itu dari warna background, warna tulisan ataupun font dan secara default tag ini akan ditampilkan lebih mencolok dari tag lainnya. Bagaimana cara menggunakan tag <th> ini ? untuk menggunakan tag <th> ini sobat hanya perlu mengganti mengganti tag td dengan th pada baris pertama tabel.

Supaya bisa lebih mengerti, dibawah ini adalah contoh kode Tabel HTML, yang menggunakan Tag th.
<!DOCTYPE html>
<html>
    <head>
        <title>Cara Penulisan Tag th dalam Tabel HTML</title>
    </head>
<body>
<h2>Belajar Tag th untuk Tabel HTML</h2>
<table border="1">
    <tr>
        <th>Judul 1</th>
        <th>Judul 2</th>
        <th>Judul 3</th>
    </tr>
    <tr>
        <td>Baris 1, Kolom 1</td>
        <td>Baris 1, Kolom 2</td>
        <td>Baris 1, Kolom 3</td>
    </tr>
    <tr>
        <td>Baris 2, Kolom 1</td>
        <td>Baris 2, Kolom 2</td>
        <td>Baris 2, Kolom 3</td>
    </tr>
</table>
</body>
</html>
contoh penggunaan tag th dalam tabel HTML



No comments:

Post a Comment