Tag
<table>
digunakan untuk membuat tabel dalam dokumen HTML, bagian pokok dari tabel
adalah sel. Elemen tabel terdiri dari :
§ Mendefinisikan tabel :
<table
border=”n” cellpadding=” n. ”
cellspacing=”
n“> ………. </table>
Border
: garis pada table n=0, 1, 2, .. dst
Cellpadding
: spasi antar sel dan border
§ Mendefinisikan judul tabel, dalam
keadaan default posisi ditengah bagian paling atas tabel.
<caption
align=”…”> … </caption>
§ Menspesifikasikan
sebuah baris.
<tr
align=”…”> … </tr>
§ Mendefinisikan sel header
<th> … </th>
§ Mendefinisikan sebuah sel data
<td>
… </td>
Atribut table :
Align = {left | center | right } ► alignment
horizontal untuk sel
Valign = {top | middle | bottom } ► alignment
vertical dalam sel
Colspan = n ► menggabungkan beberapa kolom
Rowspan = n ► menggabungkan beberapa baris
Contoh :
<html>
<head>
<title>Penggunaan Tabel Dalam HTML</title> </head>
<body>
<table border="1" width="70%" >
<caption>BIODATA
SISWA</caption>
<tr>
<th width="15%">Nama</th>
<th width="16%">Alamat</th>
<th width="35%" colspan="3"
align="center">Telepon</th>
</tr>
<tr>
<td width="15%">Master Wah</td>
<td width="16%"> Jl. Sayang 3, Surabaya</td>
<td width="13%" align="center">031 - 4584XXX</td>
<td width="13%"
align="center">083856349XXX</td>
<td width="13%" align="center">031 -
5612XXX</td>
</tr>
<tr>
<td width="15%">Imam Wahyudi</td>
<td width="16%"> Jl. Rindu 5, Surabaya</td>
<td width="13%" align="center">031 - 58746XXX</td>
<td width="13%"
align="center">0818789XXX</td>
<td width="13%" align="center">021 - 78956XXX</td>
</tr>
</body></html>
</body></html>
Contoh :
<html>
<head> <title>Penggunaan Tabel Dalam HTML</title> </head>
<html>
<head> <title>Penggunaan Tabel Dalam HTML</title> </head>
<body></table><p> </p>
<table border="1"
width="70%" > <caption>BIODATA SISWA</caption>
<tr>
<th width="15%">Nama</th>
<th
width="16%">Alamat</th>
<th width="9%"
align="center">Telepon</th>
</tr>
<tr>
<td width="15%"
rowspan="3">Master Wah</td>
<td width="16%"
rowspan="3"> Jl. Sayang 3, Surabaya</td>
<td width="13%"
align="center">031 - 4584XXX</td>
</tr>
<tr>
<td width="13%"
align="center">083856349XXX</td>
</tr>
<tr>
<td width="13%" align="center">031 -
5612XXX</td>
</tr>
<tr>
<td width="15%"
rowspan="3">Imam Wahyudi</td>
<td width="16%"
rowspan="3"> Jl. Rindu 5, Surabaya</td>
<td width="13%"
align="center">031 - 58746XXX</td>
</tr>
<tr>
<td
width="13%" align="center">0818789XXX</td>
</tr>
<tr>
<td width="13%"
align="center">021 - 78956XXX</td>
</tr>
</table>
</body>
Post a Comment