Selamat Datang di Blogger Saya
Welcome to my blogger
Saya ingin menyampaikan cara membuat tabel bersarang dengan note++, tapi kali ini saya ingin menyampaikan dulu dengan codding membuat "Tabel Bersarang".
I would like to convey how to create a nested table with a note ++, but this time I would like to express once with codding make "Nested Tables".
<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>
Dan ini lah hasilnya saat run ke Mozilla Firefox.
And this is the result when run to Mozilla Firefox.
And this is the result when run to Mozilla Firefox.
gambar 1.1
gambar 1.2
Terimakasih Atas Perhatianya semua.
Thank you for all the attention.
Tidak ada komentar:
Posting Komentar