Tugas Pemograman web ~Tugas 7,8,9
Selamat pagi/siang/ malam pada kesempatan kali ini saya memposting contoh Left Index,Layout Split,dan Alternating Index.langsung saja lihat code dan hasilnya dibawah.
Left Index
Code html:
<html>
<body>
<head>
<title>Left Index</title>
<form id="form1" name="form1" method="post" action="">
<table width="825" height="447" border="1" cellspacing="1">
<tr>
<td width="160" rowspan="4" align="center" valign="top" bgcolor="#993366"><b>
<p>Home</p>
<p>Profile</p>
<p>About Us</p>
<p>Blog</p>
<p>Contact Us</p>
</b>
</tr>
<th width="627" height="100" align="center" bgcolor="#000000"><strong><font color="#CCCCCC" size="+4">Electronic Shop</font></strong></th>
<tr>
<td align="center" valign="center" bgcolor="#000000"><font color="#CCCCCC" size="+2">Selamat datang di web kami, penjualan produk online ini adalah yang pertama di kota kami. kualitas dan harga dapat dipercaya langsung saja pesan dan menjadi langganan kami.</font></td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#000000"><font color="#CCCCCC" size="+2">profilkami.com</font></td>
</tr>
</table>
</body>
</html>
Left Index
Code html:
<html>
<body>
<head>
<title>Left Index</title>
<form id="form1" name="form1" method="post" action="">
<table width="825" height="447" border="1" cellspacing="1">
<tr>
<td width="160" rowspan="4" align="center" valign="top" bgcolor="#993366"><b>
<p>Home</p>
<p>Profile</p>
<p>About Us</p>
<p>Blog</p>
<p>Contact Us</p>
</b>
</tr>
<th width="627" height="100" align="center" bgcolor="#000000"><strong><font color="#CCCCCC" size="+4">Electronic Shop</font></strong></th>
<tr>
<td align="center" valign="center" bgcolor="#000000"><font color="#CCCCCC" size="+2">Selamat datang di web kami, penjualan produk online ini adalah yang pertama di kota kami. kualitas dan harga dapat dipercaya langsung saja pesan dan menjadi langganan kami.</font></td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#000000"><font color="#CCCCCC" size="+2">profilkami.com</font></td>
</tr>
</table>
</body>
</html>
Dan ini lah hasilnya :
Layout Split
Code HTML:
<html>
<head>
<title>Layout Split</title>
</head>
<body>
<table border=1 width=720px height=500px>
<tr>
<td width="100" bgcolor="blue" rowspan=2 align=center>Daftar isi</td>
<td bgcolor="red" align=center><font color="#CCCCCC"><h2>Banner/Judul</font></h2></td>
<td width="100" bgcolor="blue" rowspan=2 align=center>Daftar isi</td>
</tr>
<tr>
<td bgcolor="#000000" align=center>
<p><font color="White">Body atau contents(isi)</font></p>
<p><font color="#white">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 bgcolor="red" colspan=3 align=center height="20px"><font color="white">Lain-lain</font></td></tr>
</table>
</body>
</html>
<head>
<title>Layout Split</title>
</head>
<body>
<table border=1 width=720px height=500px>
<tr>
<td width="100" bgcolor="blue" rowspan=2 align=center>Daftar isi</td>
<td bgcolor="red" align=center><font color="#CCCCCC"><h2>Banner/Judul</font></h2></td>
<td width="100" bgcolor="blue" rowspan=2 align=center>Daftar isi</td>
</tr>
<tr>
<td bgcolor="#000000" align=center>
<p><font color="White">Body atau contents(isi)</font></p>
<p><font color="#white">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 bgcolor="red" colspan=3 align=center height="20px"><font color="white">Lain-lain</font></td></tr>
</table>
</body>
</html>
Dan inilah hasilnya:
| Daftar isi | Banner/Judul |
Daftar isi |
|
Body atau contents(isi) Body atau contents(isi) Body atau contents(isi) Body atau contents(isi) Body atau contents(isi) | ||
| Lain-lain | ||
Alternating Index
Code HTML:
<html>
<head>
<title>Alternating Index</title>
</head>
<body>
<table border=1>
<tr>
<td bgcolor="black" align=center width=250px height=170px><font color="Blue">Teks daftar isi<font></td>
<td bgcolor="White" align=center width=250px height=170px><font size="+3" color="red"><b><i>Gambar</i></b></font></td>
</tr>
<tr>
<td bgcolor="black" align=center width=250px height=170px><font size="+3" color="blue"><b><i>Gambar</i></b></font></td>
<td bgcolor="white" align=center width=250px height=170px><font color="red">Teks daftar isi<font></td></tr>
<tr>
<td bgcolor="Blue" colspan=2 align=center width=170px height=100px><font color="Red">Lain-lain</font></td></tr>
</table>
</body>
</html>
<head>
<title>Alternating Index</title>
</head>
<body>
<table border=1>
<tr>
<td bgcolor="black" align=center width=250px height=170px><font color="Blue">Teks daftar isi<font></td>
<td bgcolor="White" align=center width=250px height=170px><font size="+3" color="red"><b><i>Gambar</i></b></font></td>
</tr>
<tr>
<td bgcolor="black" align=center width=250px height=170px><font size="+3" color="blue"><b><i>Gambar</i></b></font></td>
<td bgcolor="white" align=center width=250px height=170px><font color="red">Teks daftar isi<font></td></tr>
<tr>
<td bgcolor="Blue" colspan=2 align=center width=170px height=100px><font color="Red">Lain-lain</font></td></tr>
</table>
</body>
</html>
Dan dibawah ini hasilnya :
| Teks daftar isi | Gambar |
| Gambar | Teks daftar isi |
| Lain-lain | |
0 Response to "Tugas Pemograman web ~Tugas 7,8,9"
Post a Comment