Pemformatan Tabel Pada HTML bag. 1

Tabel digunakan untuk menyajikan data dalam bentuk kolom dan baris pada  web browser. Sebelum CSS, tabel pada HTML juga digunakan untuk membuat layout design web.

Tag-tag yang digunakan untuk menampilkan tabel pada HTMl di antaranya:

• Tag <table> … </table>
  Tag untuk mendefinisikan tabel pada HTML
• Tag <tr> … </tr>
  Tag untuk membuat baris baru dari tabel
• Tag <th>  … </th>
  Tag untuk membuat judul kolom dari tabel
• Tag <td> … </td>
  Tag untuk membuat kolom baru dari tabel
• Tag <caption> … </caption>
  Tag untuk membuat judul tabel

Untuk menambahkan pembatas pada HTML, digunakan atribut border dengan format penulisan sebagai berikut:

<table border=”value”>

Untuk mengatur jarak antar sel, dapat digunakan atribut style dengan property dan value sebagai berikut:

<table border="1" style="border-spacing:5px"> ………… ………… </table>

Secara default, terdapat jarak antar sel dalam tabel HTML. Untuk menghilangkan jarak antar sel pada tabel HTML, digunakan atribut style dengan property dan value sebagai berikut:

<table style=”border-collapse:collapse”> ………… ………… </table>