A. Tag pada Tabel HTML
Tag yang digunakan dalam membuat tabel adalah tag <table> … </table>
Dalam membuat tabel HTML, dibutuhkan beberapa kode tag yang berfungsi sebagai pembentuk tabel
- Header Tabel ditunjukkan dengan tag <thead> … </thead>
- Body tabel ditunjukkan dengan tag <tbody> … </tbody>
- Menambah baris pada tabel digunakan <tr> … </tr>
- Menambah data pada header <th> … </th>
- Menambah data pada body <td> … </td>
Atribut pada tabel
- Cellspasing : Untuk menentukan jarak antar cell
- Callpadding : Menentukan jarak isi cell dengan pasir
- Width :
Berikut beberapa contoh tabel dan kode yang digunakan untuk membuatnya.
Tabel 1 : membuat 2 baris 2 kolom
A1 | B1 |
A2 | B2 |
Tabel 2: membuat 6 baris 3 kolom
A1 | B1 | C1 |
A2 | B2 | C2 |
A3 | B3 | C3 |
A4 | B4 | C4 |
A5 | B5 | C5 |
A6 | B6 | C6 |
Tabel 3 : Menggabungkan baris dengan merge cell
Merge cell merupakan fungsi untuk menggabungkan beberapa sel menjadi satu. Fungsi ini dapat menggabungkan beberapa baris atau kolom menjadi satu. Untuk menggabungkan baris digunakan rowspan dan untuk menggabungkan kolom digunakan colspan.
A1 | B1 | C1 |
A2 | B2 | C1+C3 |
A3 | B3 |
Keterangan :
rowspan=”2″ : menggabungkan dua baris menjadi 1 sel.
Tabel 4 : Menggabungkan kolom dengan merge cell
A1 | B1+C1 | |
A2 | B2 | C2 |
A3 | B3 | C3 |
Leave a Reply