Assalamualaikum Wr. Wb
Ini adalah tugas lanjutan dari Tabel Bersarang
Berikut coding nya :
Layout Top
<!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="23" align="center" bordercolor="#FFFFFF" bgcolor="#3D3D3D"><strong><font color=#1AB837 size="+5">Banner
/ Judul</font></strong></td>
</tr>
<tr>
<td height="27" align="center" bgcolor="red"><font color="#000000">Ini top index</font></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#000000">
<p>Body atau contents(isi)</p>
<p><font color="#1AB837">Body atau contents(isi)</font></p>
<p><font color="#E4F527">Body atau contents(isi)</font></p>
<p><font color="#F754C4">Muhammad Noor Ichwani ( warna hanya pemanis :'v)</font></p>
<p><font color="#243BED">Body atau contents(isi)</font></p>
<p><font color="#FA1616">Body atau contents(isi)</font></p></td>
</tr>
<tr>
<td height="23" align="center" bgcolor="#3D3D3D"><font color="#FF0000"><strong><font color=#1AB837 size="+2">Daftar
isi atau navigasi </font></strong></font><font color="#9966CC" size="+2"> </font></td>
</tr>
</table>
</form>
Dan berikut adalah hasilnya :
Layout Bottom
<!DOCTYPE html>
<head>
<title>Bottom index</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="23" align="center" bordercolor="#red" bgcolor="red"><strong><font size="+5">Banner / Judul</font></strong></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#000000">
<p><font color="white">Body atau contents(isi)</p>
<p><font color="#006600">Body atau contents(isi)</font></p>
<p><font color="#CC0000">Body atau contents(isi)</font></p>
<p><font color="#FFFF00">Body atau contents(isi)</font></p>
<p><font color="#FF6633">Body atau contents(isi)</font></p></td>
</tr>
<tr>
<td height="23" align="center" bgcolor="red"><font color="#000000">Info
tambahan atau lain-lain </font></td>
</tr>
<tr>
<td height="27" align="center" bgcolor="pink"><font color="#000000">Ini Bottom index </font></td>
</tr>
</table>
</form>
</body>
</html>
<!DOCTYPE html>
<head>
<title>Bottom index</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="23" align="center" bordercolor="#red" bgcolor="red"><strong><font size="+5">Banner / Judul</font></strong></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#000000">
<p><font color="white">Body atau contents(isi)</p>
<p><font color="#006600">Body atau contents(isi)</font></p>
<p><font color="#CC0000">Body atau contents(isi)</font></p>
<p><font color="#FFFF00">Body atau contents(isi)</font></p>
<p><font color="#FF6633">Body atau contents(isi)</font></p></td>
</tr>
<tr>
<td height="23" align="center" bgcolor="red"><font color="#000000">Info
tambahan atau lain-lain </font></td>
</tr>
<tr>
<td height="27" align="center" bgcolor="pink"><font color="#000000">Ini Bottom index </font></td>
</tr>
</table>
</form>
</body>
</html>
Nampak HTML sudah matang :
Sekian dari saya, maklumi kalau post kali ini. singkat Terima Kasih
Wassalamualaikum wr. wb
Tidak ada komentar:
Posting Komentar