Selasa, 26 Januari 2016

TABLE BERSARANG BERWARNA

Berikut adalah koding dari table bersarang.
<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>

Hasil


Tidak ada komentar:

Posting Komentar