Belajar Membuat Tabel HTML

TUTORIAL HTML

Tabel pada HTML merupakan bagian yang penting. Untuk menjadi seorang developer web harus sudah menguasai tabel pada HTML. karena dari tabel kita bisa membuat tampilan web dasar.

Tag utama tabel, yaitu <table>, untuk menambah baris baru (row) menggunakan tag <tr>, untuk menambah field/kolom pada baris (row) menggunakan tag <td>. dan tag khusus untuk header baris tabel adalah <th>. Berikut contohnya:

Tabel HTML Sederhana

<table border="1">
  <tr>

    <td>Ini</td>

    <td>Adalah</td>

  </tr>
  <tr>

    <td>Sebuah</td>

    <td>Tabel</td>

  </tr>
</table>

Tabel HTML dengan Header

<table border="1">
  <tr>

    <th>Ini</th>

    <th>Header</th>

  </tr>
  <tr>

    <td>Ini</td>

    <td>Adalah</td>

  </tr>
  <tr>

    <td>Sebuah</td>

    <td>Tabel</td>

  </tr>
</table>

Tabel HTML dengan Jumlah Kolom Berbeda

<table border="1">
  <tr>

    <th>Ini</th>

    <th>Header</th></tr>
  <tr>

    <td colspan="2">Ini Satu Kolom</td>

  </tr>
  <tr>

    <td>Dua</td>

    <td>Kolom</td>

  </tr>
</table>

Atribut colspan dapat diartikan jumlah kolom yang diwakilkan. jadi semisal jumlah kolom sebenarnya ada tiga, dan kamu ingin membuat baris dengan hanya satu kolom, maka atribut colspan pada tag td diisi dengan nilai 3.

<<Sebelumnya (Format Teks HTML)

Selanjutnya>> (Image HTML)

Tutorial HTML Halaman 8

Artikel Terkait: