Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan data dalam bentuk table pada HTML, digunakan Tag<Table>.
Elemen table berisi property <tr> untuk menentukan baris(table row) yang didalamnya terdapat properti <td> untuk menampkan data pada setiap sel table(table data).
Struktur elemen table adalah sebagai berikut:
<table> <tr> <td>data baris 1 kolom 1</td> <td>data baris 1 kolom 2</td> </tr> </table> |
CONTOH PENGGUNAAN DARI TAG <td>..</td>
<!DOCTYPE html>
<html>
<head>
<title>HTML Table Width/Height</title>
</head>
<body>
<table border="1" width="400" height="150">
<tr>
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
</tr>
</table>
</body>
</html
maka hasilnya akan seperti ini :
Untuk mendifinisikan table heading atau judul tiap kolom dapat menggunakan tag
Untuk mendifinisikan table heading atau judul tiap kolom dapat menggunakan tag
<th> ….. </th>
Contoh dari penggunaan tag <th> ….. </th> adalah :
<!DOCTYPE html>
<html>
<head>
<title>HTML Table Header</title>
</head>
<body>
<table border="1">
<tr>
<th>---Name---</th>
<th>---Salary---</th>
</tr>
<tr>
<td>Fahing</td>
<td>7000</td>
</tr>
<tr>
<td>Umiey</td>
<td>7000</td>
</tr>
</table>
</body>
</html>
Width =panjang(lebar table, pixel atau persen)
Height =panjang(tinggi table, pixel atau persen)
Border =pixel(tebal garis tepi)
Cellspacing =pixel(spasi antar sel)
Cellpadding =pixel(spasi di dalam sel)
Align =[left|center|right](perataan table)
Bgcolor =warna(warna latar belakang table)
Atribut Table Row
Align =[left|center|right](perataan sebaris sel secara horizontal)
Valign =[top|middle|bottom](perataaan sebaris sel secara vertical)
Bgcolor =warna(warna latar belakang baris)
Atribut Tabel Data
Align =[left|center|right](perataan horizontal)
Width =[top|middle|bottom](perataan vertical)
Height =pixel(tinggi sel, pixel atau persen)
Bgcolor =warna(warna latar belakang sel)
Untuk meningkatkan pengetahuan anda tentang tabel pada html. baca artikel berikutnya yang membahas tentang kumpulan contoh pembuatan tabel pada html