Untuk menformat table dapat menggunakan beberapa atribut dibawah ini :
* align : berfungsi untuk mengatur posisi rata kiri (left), tengah (center) atau kanan (right).
* cellpadding : digunakan untuk mengatur spasi antar border sel dengan isinya.
* cellspacing : digunakan untuk mengatur spasi antar sel.
* width : digunakan untuk menentukan lebar tabel atau sel.
* Merge : digunakan untuk penggabungan sel.
* Rowspan : untuk menggabungkan sel berdasarkan baris.
* Cospan : untuk menggabungkan sel berdasarkan kolom.
* Colgroup : digunakan untuk mengelompokkan berdasarkan kolom.
* Tbody : untuk mengelompokkan berdasarkan kolom.
* Height : untuk menentukan ukuran tinggi sel.
* Nowrap : digunakan untuk membuat isi dari kolom tetap berada pada satu baris.
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Grafik Berbasis Tabel 1</title>
</head>
<body>
<table width="550" height="250">
<tr>
<td colspan="7" style="border-top:#000000 solid;border-bottom:#000000
solid;"><b>Perusahaan</td>
<td colspan="7" style="border-top:#000000 solid;border-bottom:#000000 solid;"><b>Pendapatan</td>
</tr>
<tr >
<td width="175" >Angin Reebot Ltd </td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td colspan="6" bgcolor="#006712"></td>
<td width="25">+150%</td>
</tr>
<tr>
<td>Command Prompt, Inc </td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td colspan="4" bgcolor="#006712"></td>
<td width="25">+55%</td>
<td width="25"></td>
<td></td>
</tr>
<tr>
<td>Hibernate Ltd </td>
<td></td>
<td></td>
<td></td>
<td>-23%</td>
<td colspan="2" bgcolor="#FFE900"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Shutdown Ltd </td>
<td></td>
<td>-75%</td>
<td colspan="4" bgcolor="#FF0120"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="18" style="border-top:#000000 solid"></td>
</tr>
</table>
</body>
</html>
Tidak ada komentar:
Posting Komentar