BELAJAR HTML : MEMBUAT TABEL

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

Colspan=”2″ : menggabungkan dua kolom menjadi satu sel.

Be the first to comment

Leave a Reply

Your email address will not be published.


*