Menganal Tag Caption Dalam Tabel HTML

Menganal Tag Caption Dalam Tabel HTML

Sebelumnya kita pernah Menganal Tag Th <th> Dalam Tabel HTML, yang memiliki kegunaan untuk membuat judul kolom dalam tabel html, nahh untuk sekarang kita akan mengenal satu tag lagi, yaitu tag caption, dimana tag caption ini berfungsi untuk membuat judul atau keterangan tabel html.

 Meskipun tag caption ini jarang digunakan, tetapi tag ini sangat bermanfaat, apalagi kalo kita membuat banyak tabel di dalam 1 buah artikel, tag ini sangat perlu digunakan jadi kita bisa membuat keterangan atau judul pada setiap tabel yang ada.

Bagaimana cara menggunakan tag caption ? Untuk menggunakan tag caption, sobat hanya perlu menambahkan tag ini sesudah tag pembuka tabel <table> atau bisa juga sebelum tag penutup tabel </table>. Jika dari segi tampilan, tag ini akan di tampilkan pada bagian atas tabel atau sebelum tabel.

Supaya bisa lebih mengerti, berikut ini adalah contoh penggunaan tag caption dalam tabel html.
<!DOCTYPE html>
<html>
    <head>
        <title>Cara Penulisan Tag th dalam Tabel HTML</title>
    </head>
<body>
<h2>Mengenal Tag th untuk Tabel HTML</h2>
<table border="1">
<caption>ini adalah tag caption</caption>
    <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 caption dalam tabel HTML
ini contoh penggunaan tag caption dalam tabel HTML


No comments:

Post a Comment