Cara Membuat Tabel bersarang

Assallamualaikum Wr.Wb.

Hallo Guys, Ini Blog Pertama Gue. Disini Gue akan mempraktekkan membuat tabel Bersarang di dalam Web HTML.

Langkah Pertama, copy dulu Coding dibawah ini :

<html>
<body>
<table cellpadding="7" width="33%">
<tr bgcolor="blue">
<th align="left" style="color:white">table > tr > td
<table cellspacing="8" bgcolor="white" width="100%" cellpadding="5">
<tr height="40"><td bgcolor="blue" valign="baseline" style="color:white">table > tr > td</td></tr>
<tr height="60"><td bgcolor="blue" valign="baseline" style="color:white">table > tr > td</td></tr>
<tr height="80"><td bgcolor="blue" valign="baseline" style="color:white">table > tr > td</td></tr>
<tr><td bgcolor="blue" style="color:white">table > tr > td
<table width="100%" cellspacing="8" cellpadding="7">
<tr>
<td bgcolor="00e110" valign="baseline"  width="25%" style="color:white">td</td>
<td bgcolor="00e110" style="color:white">td
<table cellspacing="5" width="100%" height="100%">
<tr bgcolor="ff4e00">
<th align="left">table > tr > td
<table width="100%" cellspacing="5" >
<tr bgcolor="edffa6" height=><td>td</td></tr>
<tr bgcolor="edffa6"> <td>td</td></tr>
<tr bgcolor="edffa6"><td>td</td></tr>
<tr bgcolor="edffa6"><td>td</td></tr>
<tr bgcolor="edffa6"><td>td</td></tr>
<tr bgcolor="edffa6"><td>td</td></tr>
<tr bgcolor="edffa6"><td>td</td></tr>

</table>
</th>
</tr>
</table>
</td>
<td bgcolor="00e110" valign="baseline" width="25%" style="color:white">td</td>
</tr>
</table>
</td></tr>
<tr><td bgcolor="blue" style="color:white">table > tr > td</td></tr>
</table>
</th>
</tr>
</table>
</body>
</html>

jika sudah di copy, Paste coding tadi di Notepad (gue nyaranin Kalian Pake Notepad++ biar kalian bisa sambil mempelajari lebih mudah tentang coding diatas). setelah itu di Save dan Buka di Browser anda.

 Dan Beginilah Cuk Tampilan dari Coding di atas.


Komentar

Postingan populer dari blog ini

HTML Tabel #4

HTML Tabel #5