Tag untuk membuat tabel dibagi menjadi dua bagian berdasarkan pada letak Tag.
1. Tag Outside. Sebagai tag dasar yang digunakan adalah <table>...</table>.
2. Tag Inside.
- Tag <tr>...</tr> untuk menyatakan setiap baris dalam tabel tersebut, tag ini berada di dalam tag <table>....</table>.
- Tag <td>...</td> untuk menyatakan kolom pada setiap baris dalam tabel, tag ini berada di dalam tag <tr>...</tr>. Merupakan bagian tabel yang dapat diisi tulisan, gambar atau objek lain termasuk membuat tabel lagi.
- Tag <caption>...</caption> digunakan untuk menampilkan judul tabel.
Beberapa atribut yang ada pada tag-tag tabel adalah sebagai berikut :
<TABLE>
| Width=”.....” | Mengatur lebar dari tabel, dapat berupa pixel (px) atau persen (%) |
| Border=”.....” | Mengatur ukuran bingkai tabel |
| Cellspacing=”.....” | Mengatur jarak antar sel |
| Cellpadding=”.....” | Mengatur jarak bingkai dengan isi |
| Align=”..... ” | Mengataur perataan tengah, kanan atau kiri |
| Bgcolor=”.....” | Mengatur warna dasar belakang (background) dari tabel |
| Bordercolor=”.....” | Mengatur warna bingkai tabel |
<TR>
| Align=”..... ” | Mengataur perataan isi sel tengah, kanan atau kiri |
| Valign=”.....” | Mengatur perataan secara vertikal tengah, atas atau bawah |
| Bgcolor=”.....” | Mengatur warna dasar belakang (background) dari sel |
<TD>
| Rowspan=”.....” | Menggabungkan beberapa baris menjadi satu ( ekspansi baris) |
| Colspan=”.....” | Menggabungkan beberapa kolom menjadi satu (ekspansi kolom) |
Berikut contoh cara penulisan kode html Tabel.
<html>
<body>
<center>
<b>Colspan.</b>
</center>
<br>
<table width=”50%” align=”center” border=4>
<tr>
<td>sel1</td>
<td>sel2</td>
<td>sel3</td>
</tr>
<tr>
<td>sel4</td>
<td colspan=2 align=”center”>sel5</td>
</tr>
</table>
<br>
<center><b>Rowspan.</b></center><br>
<table width=”50%” align=”center” border=2>
<tr>
<td>sel1</td>
<td>sel2</td>
</tr>
<tr>
<td rowspan=2 align=”center” valign=”middle”>sel3</td>
<td>sel4</td>
</tr>
<tr>
<td>sel5</td>
</tr>
</table>
</body>
</html>
Said
makasihh infonyaa.. semoga bermanfaat bagi pembacanya...
Said
saya kopi ya infonya... pengen bikin postingan pake table...
Said
wah bagus..
tapi sekarang itu jarang dipake kayaknya :D lebih enak pake CSS
:D :P
Said
kalau postingan gambar biar menyatu dgn teks / di tenggah2 teks gmn caranya