Cara Menciptakan Judul Atau Keterangan Dari Tabel Html (Tag Caption) - Calon Teknisi | Free Download BIOS

Calon Teknisi | Free Download BIOS

Free download BIOS, Schematic, Boardview & Kursus Teknisi Laptop Online Interaktif.

Cara Menciptakan Judul Atau Keterangan Dari Tabel Html (Tag Caption)

Share This
Pada article kali ini kita mempelajari Trik Membuat Judul atau Keterangan dari Tabel HTML.

Penggunaan dan Penulisan Tag <caption> Dalam Tabel HTML

Tag <caption> dipakai untk menciptakan judul atau keterangan dalam Tabel HTML. Penggunaan tag <caption> harus ditulis sesudah 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>

Trik Membuat Judul atau Keterangan dari Tabel HTML Trik Membuat Judul atau Keterangan dari Tabel 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 dapat memakai 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>

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

Pada article selanjutnya kita akan membahas Trik Membuat Struktur Tabel HTML Dengan Tag <thead>, <tbody> dan <tfoot>.
Sumber https://mas-abdi.blogspot.com/

No comments:

Post a Comment