TABEL
Untuk membuat tabel, HTML menyediakan tag <TABLE>. Dalam tag <TABLE> terdapat banyak atribut, yaitu :
Atribut | Fungsi |
BORDER | Menentukan ukuran border/garis tabel |
WIDTH | Menentukan lebar tabel |
HEIGHT | Menentukan tinggi tabel |
BGCOLOR | Menentukan background tabel |
BACKGROUND | Menentukan gambar yang digunakan untuk background tabel |
a. Untuk membuat baris, setelah menuliskan tag <TABLE> maka digunakan tag <TR>.
b. Untuk membuat kolom digunakan tag <TD>. Sebagian besar atribut dalam tag <TABLE> dapat digunakan dalam tag <TR> maupun dalam tag <TD>.
Contoh 1:
<html>
<head>
<title>Title here!</title>
</head>
<body>
<table border=”1”>
<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>
Contoh 2:
<html>
<head>
<title>Judul Disini!</title>
</head>
<body>
<table border=”1”>
<tr>
<th></th>
<th>Pengeluaran ({$})</th>
<th>Penerimaan ({$})</th>
<th>Keuntungan ({$})</th>
</tr>
<tr>
<th>Bulan 1 (Jan-Mar)</th>
<td>11200.00</td>
<td>21800.00</td>
<td><b>10600.00</b></td>
</tr>
<tr>
<th>Bulan 2 (Apr-Jun)</th>
<td>11700.00</td>
<td>22500.00</td>
<td><b>10800.00</b></td>
</tr>
<tr>
<th>Bulan 3 (Jul - Sep)</th>
<td>11650.00</td>
<td>22100.00</td>
<td><b>10450.00</b></td>
</tr>
<tr>
<th>Bulan 4 (Oct - Dec)</th>
<td>11850.00</td>
<td>22900.00</td>
<td><b>11050.00</b></td>
</tr>
</table>
</body>
</html>
