Anda di halaman 1dari 8

Tabel

Salah satu cara atau format dalam menampilkan informasi pada web
Tabel terdiri dari empat unsur utama
Kolom
1. Baris Sel
2. Kolom
Baris
3. Sel
4. Garis
Tag untuk membuat Tabel di HTML
Ada beberapa tag yang harus diingat untuk membuat table di HTML
1. Tag <table> untuk membungkus tabelnya
2. Tag <thead> untuk membungkus bagian kepala table
3. Tag <tbody> untuk membungkus bagian body dari table
4. Tag <tr> (Tabel Row) untuk membuat baris
5. Tag <td> (Table Data) untuk membuat sel
6. Tag <th> (Tabel Head) untuk membuat judul pada header
Tag yang paling penting untuk diingat <table>; <tr>; <td>, sementara tag
yang lain boleh digunakan boleh tidak.
Menambahkan Warna pada Sel dan Baris
<table border="1">
<tr>
<th bgcolor="blue">Nama</th>
<th bgcolor="tomato">No Telp</th>
<th bgcolor="silver">No HP</th>
</tr>
<tr>
<td>Bambang Sri Yuwono</td>
<td>(021) 8449847</td>
<td>0818 1234 1234</td>
</tr>
</table>
Menggabungkan Sel Tabel
<table border="1">
<tr>
<th rowspan="2" bgcolor="yellow">Bulan</th>
<th colspan="2" bgcolor="#00ff80">Hasil Panen</th>
</tr>
<tr>
<th>Padi</th><th>Kacang</th>
</tr>
<tr>
<td>Januari</td><td>500 Kg</td>
<td>231 Kg</td>
</tr>
</table>
Menyisipkan Elemen yang Lain ke dalam Sel
<table><tr>
<td>Fitur</td>
<td>
<ul>
<li>Dilengkapi Dokumentasi</li>
<li>Ukuran: 31MB</li>
<li>Masa Tanam: 6 Bulan</li>
<li>Lisensi: MIT</li>
</ul>
</td>
</tr>
</table>
Mengatur Jarak Sel dengan Cellpadding
<table border="1" cellpadding="10">
<tr>
<th>Bulan</th>
<th>Padi</th>
<th>Kacang</th>
</tr>
<tr>
<td>Januari</td>
<td>500 Kg</td>
<td>231 Kg</td>
</tr>
</table>

Anda mungkin juga menyukai