MENU

Sunday, June 24, 2012

Belajar HTML - Membuat Tabel

Membuat tabel Untuk membuat tabel kita menggunakan tag tag di bawah ini:
<table>...</table> Tag ini digunakan untuk membuat tabel. Mempunyai atribut :
Border: Untuk mengatur tebal bingkai tabel.
Bgcolor: Untuk memberi warna background.
Width: untuk mengatur lebar tabel.
<caption>...</caption> Untuk membuat judul tabel. tag ini tidak harus digunakan
<th>...</th> Untuk membuat judul kolom.
<tr>...</tr> Untuk membuat baris dalam tabel.
Mempunyai atribut:
Rowspan: untuk menggabungkan baris
Colspan: untuk menggabungkan kolom
<td>...</td> Untuk membuat satu sel data. Mempunyai atribut sama dengan <tr>...</tr>

Contoh: Tabel I

<html>
<head>
<title>Tabel I</title>
</head>
<body>
<table border=1>
<tr>
<th>Nama</th><th>Fakultas</th>
</tr>
<tr>
<td>Teguh</td><td>Ekonomi</td>
</tr>
<tr>
<td>Akbar</td><td>Hukum</td>
</tr>
</table>
</body>
</html>

Contoh: Tabel II
<table border="2" bgcolor="yellow" width=750>
<tr>
<th colspan="2" rowspan="2">Populasi</th>
<th colspan="3">Negara</th>
</tr>
<tr><th>Indonesia</th><th>Australia</th><th>Francis</th></tr>
<tr>
<th rowspan="2">Jenis Kelamin</th>
<th>Laki-laki</th>
<td align="right">25%</td>
<td align="right">34%</td>
<td align="right">45%</td>
</tr>
<tr>
<th>Perempuan</th>
<td align="right">75%</td>
<td align="right">66%</td>
<td align="right">55%</td>
</tr>
</table>

Download Contoh

No comments:

Post a Comment