HTML merupakan pemrogamana dasar untuk belajar pemrogamanan web pada jenjang berikutnya, sebelum kita tahu tentang pemrogamanan web berbasisi php terus implementasinya ke database mysq,sql, dan DB-DB lainya kita harus belajar dari dasar dulu yaitu dengan mengenal HTML. Untuk dasar-dasar tag HTML yg digunakan dalm pembuatan web saya yakin tentunya anda sudah pada tahu semua yaitu pertama kali <html> <head> <title> <title> </head> <body>...isi...</body> </html>. didalam isi sebuah html tak asing lagi ada sebuah tabel. tabel bermacam-macam didalam HTML ada tabel biasa, dan ada juga nested table. Pada kesempatan ini saya bahas tentang nested Table HTML.
Nested Table atau bila kita terjemahkan dari bahasanya yaitu artinya tabel bersarang. Apa sih yang bersarang ?.. Intinya gini sob. ada sebuah tabel didalam tabel. jadi kita membuat tag-tag html tabel dedalamnya ada tag tabel lagi. Oke untuk lebih jelasnya simak aja nih script Membuat Nested Table dengan HTML (Pemrogamanan Web):
Oke setalah script tsb anda tulis atau copas didalam notepad++ jangan lupa save dengan extensi dotHTML (.html) setelah itu jalankan dengan browser sobat.
demikianlah postingan kali ini semoga bermanfaat.
<html>
<head>
<title>Tabel dalam tabel part2</title>
</head>
<body>
<table height="322" border="1" align="center" cellspacing="0" style="border-collapse:collapse; height:auto; width:400px; border-color:">
<tr>
<td width="53" rowspan="2"> </td>
<td width="337" height="88" align="center">
<table width="300" border="1" align="center" bordercolor="#FF9900" cellspacing="0">
<tr>
<td colspan="4"> </td>
</tr>
<tr>
<td height="103"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="4"> </td>
</tr> </table>
</td> </tr>
<tr>
<td height="134">
<table align="center" width="300" border="1" style="border-collapse:collapse; " bordercolor="#33CC33" cellspacing="0">
<tr>
<td rowspan="5"> </td>
<td height="35"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="36"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="34"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="33"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="34"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table></td> </tr> </table>
</body>
</html>
Oke setalah script tsb anda tulis atau copas didalam notepad++ jangan lupa save dengan extensi dotHTML (.html) setelah itu jalankan dengan browser sobat.
demikianlah postingan kali ini semoga bermanfaat.