PENGENALAN DASAR HTML | Table (Bagian 3)

pada tanggal

Halo semuanya, kali ini bakal sharing tentang basic HTML. Seperti biasa, topik akan dibagi menjadi beberapa post agar tidak terlalu panjang dan lebih mudah di cari kalau hanya butuh bagian tertentunya. Tetap nantikan post selanjutnya ya. 

Post ketiga berisi mengenai basic HTML dalam pembuatan konten berbentuk table. 

Berikut element-element yang perlu diketahui dalam pembuatan table:

  • <table> digunakan untuk mendefinisikan table
  • <tr> digunakan untuk baris table
  • <td> digunakan untuk content pada cell table
  • <th> digunakan untuk membuat table header
  • <caption> digunakan untuk memberikan judul table

Berikut attribute-attribute yang membantu dalam pembuatan table:

  • colspan digunakan untuk menggabungkan lebih dari 1 kolom menjadi 1 cell
  • rowspan digunakan menggabungkan lebih dari 1 baris menjadi 1 cell
  • CSS border digunakan untuk mendefinisikan border yang digunakan
  • Dan lainnya

Berikut snippet code table sederhana. 

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
<table border=1 style="width:100;">
  <tr>
    <th>Nama Lengkah</th>
    <th>Tempat Tanggal Lahir</th>
  </tr>
  <tr>
    <td>Satura Marni</td>
    <td>Jakarta, 10 Desember 1990</td>
  </tr>
  <tr>
    <td>Duano Opik</td>
    <td>Semarang, 25 April 1992</td>
  </tr>
  <tr>
    <td>Tigan Adi</td>
    <td>Jakarta, 3 Maret 1998</td>
  </tr>
</table>

Jika snippet code tersebut dilihat lewat web browser. Maka halaman web yang akan tertampil seperti gambar berikut.

Sekian dulu post kali ini. Kalau masih bingung, bisa langsung dilihat video kami (link video menyusul). Post keempat membahas mengenai basic HTML untuk membuat list. Pantengin terus post selanjutnya.


Salam share,


Funtastic Share

Komentar

Posting Komentar