Tabel
merupakan cara untuk menampilkan informasi dalam bentuk sel yang
terdiri atas baris dan kolom. Tabel dibuat dengan menggunakan tag <table>. Sebuah tabel dibagi menjadi baris-baris, dan tiap baris dibagi ke dalam cell-cell. Baris dibuat dengan tag <tr>, dan cell-cell yang akan membentuk kolom dibuat dengan tag <td>.
Dalam
konteks HTML, table mempunyai peranan yang sangat penting. Selain
digunakan untuk menampilkan tabel berisi data, table juga digunakan
untuk menyusun teks dalam kolom, ataupun membuat laporan terstruktur
lainnya.
<html>
<head>
<title>Table In Table</title>
</head>
<body>
<table cellpadding="5" align="center" bgcolor="red" width="800px" cellspacing="5">
<tr><td><b>table > tr > td
<table width="100%" cellspacing="5" cellpadding="5"><tr><td valign="top" bgcolor="orange" height="50px"><b>table > tr > td</td></tr></table>
<table width="100%" cellspacing="5" cellpadding="5"><tr><td valign="top" bgcolor="orange" height="80px"><b>table > tr > td</td></tr></table>
<table width="100%" cellspacing="5" cellpadding="5"><tr><td valign="top" bgcolor="orange" height="100px"><b>table > tr > td</td></tr></table>
<table width="100%" cellspacing="5" cellpadding="5"><tr><td valign="top" bgcolor="orange" height="250px"><b>table > tr > td
<table width="100%" cellspacing="5" cellpadding="5">
<tr>
<td valign="top" bgcolor="#00BCD4" width="150px" height="250px">td</td>
<td valign="top" bgcolor="#00BCD4">td
<table cellpadding="7" cellspacing="5" bgcolor="#FF5722" width="100%">
<tr><td><b>table > tr > td</td></tr>
<tr><td bgcolor="white" valign="top" height="50px">td</td></tr>
<tr><td bgcolor="white" valign="top">td</td></tr>
<tr><td bgcolor="white" valign="top" height="50px">td</td></tr>
<tr><td bgcolor="white" valign="top">td</td></tr>
<tr><td bgcolor="white" valign="top" height="40px">td</td></tr>
<tr><td bgcolor="white" valign="top">td</td></tr>
<tr><td bgcolor="white" valign="top" height="120px">td</td></tr>
</table>
</td>
<td valign="top" bgcolor="#00BCD4" width="150px">td</td>
</tr>
</table>
</td></tr></table>
<table width="100%" cellspacing="5" cellpadding="5"><tr><td valign="top" bgcolor="orange" height="30px"><b>table > tr > td</td></tr></table>
</td></tr>
</table>
</body>
</html>
<head>
<title>Table In Table</title>
</head>
<body>
<table cellpadding="5" align="center" bgcolor="red" width="800px" cellspacing="5">
<tr><td><b>table > tr > td
<table width="100%" cellspacing="5" cellpadding="5"><tr><td valign="top" bgcolor="orange" height="50px"><b>table > tr > td</td></tr></table>
<table width="100%" cellspacing="5" cellpadding="5"><tr><td valign="top" bgcolor="orange" height="80px"><b>table > tr > td</td></tr></table>
<table width="100%" cellspacing="5" cellpadding="5"><tr><td valign="top" bgcolor="orange" height="100px"><b>table > tr > td</td></tr></table>
<table width="100%" cellspacing="5" cellpadding="5"><tr><td valign="top" bgcolor="orange" height="250px"><b>table > tr > td
<table width="100%" cellspacing="5" cellpadding="5">
<tr>
<td valign="top" bgcolor="#00BCD4" width="150px" height="250px">td</td>
<td valign="top" bgcolor="#00BCD4">td
<table cellpadding="7" cellspacing="5" bgcolor="#FF5722" width="100%">
<tr><td><b>table > tr > td</td></tr>
<tr><td bgcolor="white" valign="top" height="50px">td</td></tr>
<tr><td bgcolor="white" valign="top">td</td></tr>
<tr><td bgcolor="white" valign="top" height="50px">td</td></tr>
<tr><td bgcolor="white" valign="top">td</td></tr>
<tr><td bgcolor="white" valign="top" height="40px">td</td></tr>
<tr><td bgcolor="white" valign="top">td</td></tr>
<tr><td bgcolor="white" valign="top" height="120px">td</td></tr>
</table>
</td>
<td valign="top" bgcolor="#00BCD4" width="150px">td</td>
</tr>
</table>
</td></tr></table>
<table width="100%" cellspacing="5" cellpadding="5"><tr><td valign="top" bgcolor="orange" height="30px"><b>table > tr > td</td></tr></table>
</td></tr>
</table>
</body>
</html>
Tidak ada komentar:
Posting Komentar