-->

Cara Membuat Judul atau Keterangan dari Tabel HTML (Tag Caption)

Pada artikel kali ini kita mempelajari Cara Membuat Judul atau Keterangan dari Tabel HTML.

Penggunaan dan Penulisan Tag <caption> Dalam Tabel HTML

Tag <caption> digunakan untuk membuat judul atau keterangan dalam Tabel HTML. Penggunaan tag <caption> harus ditulis setelah tag pembuka <table> sehingga judul terletak di atas dan di tengah-tengah tabel. Berikut ini penulisan tag <caption> di dalam tabel HTML :

<!DOCTYPE html>
<html>
<head>
   <title>Belajar HTML</title>
</head>
<body>
<table border="1">
   <caption>Tabel Mahasiswa</caption>
    <tr>
       <th>Nama</th>
       <th>Jenis kelamin</th>
    </tr>
    <tr>
       <td>Andi Pratama</td>
       <td>Laki-laki</td>
    </tr>
    <tr>
       <td>Maya Septha</td>
       <td>Wanita</td>
    </tr>
    <tr>
       <td>Sutisna</td>
       <td>Laki-laki</td>
    </tr>
</table>
</body>
</html>

Tag caption

Terlihat pada gambar di atas judul atau keterangan berada di atas dan di tengah-tengah tabel. Jika Anda ingin judul atau keterangan tersebut berada bawah tabel anda bisa menggunakan atribut align.

Berikut ini penulisan atribut align di dalam tag <caption> :

<!DOCTYPE html>
<html>
<head>
   <title>Belajar HTML</title>
</head>
<body>
<table border="1">
   <caption align="bottom">Tabel Mahasiswa</caption>
   <tr>
      <th>Nama</th>
      <th>Jenis kelamin</th>
   </tr>
   <tr>
      <td>Andi Pratama</td>
      <td>Laki-laki</td>
   </tr>
   <tr>
      <td>Maya Septha</td>
      <td>Wanita</td>
   </tr>
   <tr>
     <td>Sutisna</td>
     <td>Laki-laki</td>
   </tr>
</table>
</body>
</html>

Tag caption dengan atribut align

Pada artikel selanjutnya kita akan membahas Cara Membuat Struktur Tabel HTML Dengan Tag <thead>, <tbody> dan <tfoot>.

0 Response to "Cara Membuat Judul atau Keterangan dari Tabel HTML (Tag Caption)"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel