PERHATIAN : Penulis Sekedar Berbagi Pengetahuan melalui tulisan ini. Kiranya bermanfaat Silahkan diBagikan, Namun Harus menyertakan Link sumber
Kunjungi Channel : = > YOUTUBE(Video Menarik), Jangan Lupa Subscribe/Langganan Untuk mendapatkan Video Menarik dan bermanfaat
Kunjungi Channel : = > YOUTUBE(Video Menarik), Jangan Lupa Subscribe/Langganan Untuk mendapatkan Video Menarik dan bermanfaat
Melanjutkan pembahasan tentang HTML nich sobat. Setelah kemarin kita berhasil Membuat Tabel biodata dengan HTML sekarang kita akan bahas Nested Table. Apa sih nested tabel itu ?.. kalho diartikan dr bahasa inggris ke indonesia sih Tabel Bersarang. Terus apanya yg bersarang ?.. za inti dari pengertianya menurut saya itu ada tabel didalam tabel. ada tabel didalemnya tabel. lebih jelasnya lihat aja deh sob gambar berikut ini contoh Nested Table HTML Part 1
Scripnya nich sob :
# Atau Langsung aja download file lengkapnya => disini
Anda juga bisa menambakan atribut-atribut html lainya sob agar tampilanya lebih menarik lagi menurut kemauan anda. Selamat berkreasi dengan HTML.
Scripnya nich sob :
<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>
# Atau Langsung aja download file lengkapnya => disini
NB Lagi: Jikalau script tsb. berguna buat tugas anda silahkan di copy paste, jangan Lupa dipelajari za sob jangan asal copas aja. okay.. :-) Kreasikan dengan imajinasi anda, misal warna backgroudnya diganti, bordernya ditebelin atau ditipisin, dan lain"nya. pokoknya suka-suka selera anda deh.
Anda juga bisa menambakan atribut-atribut html lainya sob agar tampilanya lebih menarik lagi menurut kemauan anda. Selamat berkreasi dengan HTML.
0 Komentar untuk "Membuat Nested Table HTML Part 1"