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

Posting Komentar

Postingan populer dari blog ini

HTML Tabel #4

-
Gambar
Layout 4   Coding untuk membuat Layout seperti diatas adalah di bawah ini : <html> <head> <title>Layout 4</title> </head> <body> <form id="form1" name="form1" method="post" action=""> <table width="800" height="512" border="1" align="center"> <tr> <td width="15%" rowspan="2" align="center" bgcolor="00aae9" style="color:white"><strong>Selamat datang di K-ROSE</strong> </td> <td width="67%" height="23" align="center" bgcolor="0acc00" style="color:white"><font size="+3"><i><strong>Lagu K-ROSE</strong></i></font></td> <td width="18%" rowspan="2" align="center" bgcolor="00aae9" style="color:white"><str...
Baca selengkapnya

HTML Tabel #5

-
Gambar
Layout 5 Untuk membuat tampilan Layout di butuhkan Coding seperti dibawah ini : <html> <head> <title>alternating</title> </head> <body> <form id="form1" name="form1" method="post" action=""> <table width="700" height="650" border="1px" align="center"> <tr> <td height="248" align="center"bgcolor="RED"><font size="+3" color="white"><strong>Pencak Silat</strong></font></td> <td align="center" bgcolor="08b400"><font color="white" size="+7"><strong><em>Pencak Silat</em> </strong></font></td> </tr> <tr> <td height="261" align="center" bgcolor="green"><font size="+7" color="white"> <stron...
Baca selengkapnya