BAGAIMANA CARA MENGGUNAKAN TABEL?
Tag yag digunakan dalam membuat tabel dengan Pemrograman HTML tag <table>...</table>. Isi dalam table dibagi menjadi dua, yaitu header tabel dan body tabel, header tabel biasanya ditunjukkan dengan tag <thead>...</thead> dan body tabel biasanya ditunjukkan dengan tag <tbody>...</tbody>. Kemudian untuk menambah baris pada tabel menggunakan tag <tr>...</tr>, sedangkan untuk menambahkan data, dapat menggunakan tag <th>...</th> untuk header dan tag <td>...</td> untuk body.
ATRIBUT PADA TABLE
1. Cellspacing, untuk menentukan jarak antar sel.
2. Cellpadding, untuk menentukan jarak isi sel dengan bordernya.
3. Width, untuk menentukan lebar tabel.
4. Height, untuk menentukan tinggi tabel.
5. Bgcolor, untuk memberi warna background pada tabel.
6. Align, untuk menentukan perataan tabel.
7. Border, untuk menentukan tebal border tabel.
ATRIBUT PADA BARIS DAN SEL TABEL
2. Valign, untuk menentukan perataan text secara vertikal.
3. Width, untuk menentukan lebar sel.
4. Height, untuk menentukan tinggi sel.
5. Bgcolor, untuk memberi warna background pada sel.
6. Rowspan, untuk menggabungkan sel baris berikutnya pada kolom yang sama.
7. Colspan, untuk menggabungkan sel kolom berikutnya pada baris yang sama.
CONTOH PENGGUNAAN TABEL DENGAN HTML
Untuk mempermudah Anda dalam memahami penggunaan tabel, berikut adalah contoh penggunaan tabel menggunakan bahasa pemrograman HTML dengan singkat dan mudah dipahami.
| Nama | Kelas | Tanda Tangan |
|---|---|---|
| Zaid Pratama | XI-IPA 1 | - |
Berikut adalah script dari tabel diatas
<table>
<tbody>
<tr>
<th>Nama</th>
<th>Kelas</th>
<th>Tanda Tangan</th>
</tr>
<tr>
<td>Zaid Pratama</td>
<td>XI-IPA 1</td>
<td>-</td>
</tr>
</tbody></table>Note: Bila dirasa ada pertanyaan mengenai penggunaan tabel dengan bahasa HTML, bisa tinggalkan komentar di kolom komentar, sekiranya bisa saya jawab. Jangan lupa share dan follow social media saya.
