HTML Informatika Pemrograman

PENJELASAN DAN CARA MEMBUAT TABEL DI HTML

PENJELASAN TABEL HTML / HTML TABLE

Tabel (Table) adalah sebuah data tabular dalam bentuk grid yang terdiri dari kolom (column), baris (row) dan cell yang merupakan pertemuan antara kolom dan baris.

Tabel di dalam HTML dibentuk dengan baris (row), tepatnya menggunakan element <tr> yang merupakan kepanjangan dari table row, dan juga dibentuk menggunakan elemen <td> atau kepanjangan dari table data untuk membuat sebuah kolom, serta elemen-elemen pendukung lainnya, sehingga menjadi sebuah tabel HTML.

TAG DASAR TABEL HTML

Dalam HTML terdapat beberapa tag dasar untuk membuat sebuah tabel, diantaranya;

  1. <table></table> : digunakan untuk memulai membuat sebuah tabel di HTML
  2. <tr></tr> : digunakan untuk memulai membuat baris disebuah tabel HTML
  3. <td></td> : digunakan untuk memulai membuat kolom disebuah tabel HTML

CONTOH SCRIPT TABEL HTML MENGGUNAKAN TAG DASAR

Berikut contoh script tabel HTML menggunakan tag dasar, dengan kondisi (2 baris | 2 kolom)

<table>
  <tr>
    <td>Baris Pertama Kolom Pertama</td>
    <td>Baris Pertama Kolom Kedua</td>
  </tr>
  <tr>
    <td>Baris Kedua Kolom Pertama</td>
    <td>Baris Kedua Kolom Kedua</td>
  </tr>
</table>

Berikut contoh script tabel HTML menggunakan tag dasar, dengan kondisi (2 baris | 4 kolom)

<table>
  <tr>
    <td>No.</td>
    <td>Nama</td>
    <td>Alamat</td>
    <td>No.Tlp</td>
  </tr>
  <tr>
    <td>1.</td>
    <td>Zona Materi</td>
    <td>Alamat Zona Materi</td>
    <td>No.Tlp Zona Materi</td>
  </tr>
</table>