<head>
<title>Layout Dengan Tabel Index</title>
</head>
<body>
<font face="arial" size=3>
<table width=1010 align=center>
<tr>
<td width="240" bgcolor="#FF9900"><font size="3"
face="arial"><strong>Logo Usaha
</strong></font></td>
<td width="758" align=right valign=bottom>
<table bgcolor="FFAA00"
<tr>
<td><strong>Button Home</strong></td>
<td><strong><font size="3" face="arial">Button
Profil </font></strong></td>
<td><strong><font size="3" face="arial">Button
Produk </font></strong></td>
<td><strong><font size="3" face="arial">Button
Kontak </font></strong></td>
</tr>
</table>
</td></tr>
</table>
<table rules=group frame=box align=center>
<thead>
<tr><th bgcolor="#FF7700"colspan=3><p> </p>
<p>Gambar Header</p>
<p> </p></th>
</tr>
</thead>
<tbody>
<tr><th height=30 width=1000 bgcolor="#FF7700"
colspan=3><marquee behavior=alternate
scrollamount=3>
<b><font size="3" face="arial"> Ucapan Selamat Datang Marque </font></b>
</marquee></th></tr>
</tbody>
<tbody>
<tr>
<td valign=top align=center bgcolor="#FFAA00"
width=200>
<table>
<tr><td align=center><br><img src="IMG_20160914_092457.jpg" width=150 height=200></td></tr>
<tr><td align=center><br>
<strong>Foto Saya </strong><br></td></tr>
<tr><td align=center><br><p><hr width=200
color="#FF7700">
Adalah Mahasiswa <font size="3" face="arial">AMIK
PARBINUS</font> yang mencoba untuk belajar
selagi masih sempat untuk belajar
<hr width=200 color="#FF7700"></p><br></td></tr>
<tr><td align=center><img src="IMG_20160914_092542.jpg" width=150 height=200></td></tr>
<tr><td align=center>
<table>
<tr><td>Username</td><td><input type=text
size=15></td></tr>
<tr><td>Password</td><td><input type=password
size=15></td></tr>
<tr><td colspan=2><b>Lupa Password?</b></td></tr>
<tr><td colspan=2><a href ="index.html"><input
type=submit value=kirim></a><a
href="index.html"><input type=reset
value=batal></a></td></tr>
</table>
</td></tr>
</table>
</td>
<td valign=top align=center bgcolor="#FFAA00"
width=200>
<table>
<tr><td align=center><br><img
src="header4.png"></td></tr>
<tr>
<td align=center><p><font size="3"
face="arial"><strong>Logo Usaha</strong></font></p>
<hr color="#FF7700"></td></tr>
<tr><td><b>INFO PRODUK TERBARU HARI
INI</b></td></tr>
<tr><td>Berikut daftar produk Terlaku hari ini
:</td></tr>
<tr><td>
<table width=500><tr><td>
<ul>
<li>Colpad</li>
<li>Mouse Variasi</li>
<li>Joystik</li>
</ul>
</td><td align=right><img src="coolpad.jpg" width=80
height=70></td><td align=right><img src="Joystik.jpg" width=80
height=70></td><td align=right></td></tr></table>
</td></tr>
<tr><td><b>INFO PRODUK DISKON 50%</b></td></tr>
<tr><td>Berikut daftar produk yang di diskon
:</td></tr>
<tr><td>
<table width=500><tr><td>
<ul>
<li>Flashdisk 4GB</li>
<li>Speaker Mini</li>
<li>Coling Pad</li>
</ul>
</td><td align=right><img src="flashdisk.png" width=80
height=70></td><td align=right><img src="speaker.png" width=80
height=70></td></tr></table>
</td></tr>
<tr><td><hr color="#FF7700"><b>INFO PRODUK KOMPUTER
DAN LAPTOP</b></td></tr>
<tr><td>Berikut daftar produk Komputer dan Laptop
:</td></tr>
<tr><td>
<table>
<tr>
<td><img src="komputer1.png" width=120
height=100></td>
<td><img src="komputer2.png" width=120 height=100></td>
<td><img src="1.png" width=120 height=100></td>
<td><img src="2.png" width=120
height=100></td>
</tr>
</table>
</td></tr>
</table>
</td>
<td valign=top align=center bgcolor="#FFAA00"
width=200>
<table align=center>
<tr><td align=center><br><img
src="22.png" width=60
height=60><br></td></tr>
<tr><td align=center>
<table align=center>
<tr><td><img src="3.png" width=60
height=60><hr color="#FF7700"></td><td>Seperangkat
Komputer Desktop></td></tr>
<tr><td><img src="asus.png" width=60
height=60><hr color="#FF7700"></td><td>Notebook Terbaru Asus
1215B></td></tr>
</table>
</td></tr>
<tr><td align=center><img src="20.png" width=100
height=100></td></tr>
<tr>
<td align=center>
<marquee direction="down" scrollamount=3>
<table align=center>
<tr>
<td align=center>
<hr color="FF7700" width=200>
Baru kemaren mesan hari ini sudah sampai gan di
temapet ane,rekomended deh pelayanannya,thanks gan
admin
</td>
</tr>
<tr>
<td align=center>
<hr color="#FF7700" width=200>
Harganya murah meriah,ane kemaren beli langsung
banyak,buat toko ane di Banjarmasin
</td>
</tr>
<tr>
<td align=center>
<hr color="#FF7700" width=200>
Wah,gua juga mau nih gan,kira kira ke Jogja
brapa ya ongkirnya?<hr color="#FF7700" width=200>
</td>
</tr>
</table>
</marqueee>
</td>
</tr>
<tr><td><b>Mau Kirim Pesan ?</b></td></tr>
<tr><td><a href="kontak.html"><input type=submit
value="klik disini"></a></td></tr>
<tr><td>
<table>
<tr>
<td><img src="14.png" width=50 height=50></td>
<td><img src="24.png" width=50 height=50></td>
<td><img src="21.png" width=50 height=50></td>
<td><img src="23.png" width=50 height=50></td>
</tr>
</table>
</td></tr>
</table>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan=3 align=center bg color ="#FF7700"
height=50><b><font size="3"
face="arial"><Footer</font></b></td>
</tr>
</tfoot>
</table>
<br><br>
</font>
</body>
</html>
Outputnya sebagai berikut :
Tidak ada komentar:
Posting Komentar