Latihan membuat website dengan tabel
- 1. Latihan Membuat Website dengan Tabel 1. Desain
- 2. 2. Kode <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>www.gudangsoft.web.id</title> <style type="text/css"> <!-body { background-color: #FFF; background-image: url(images/bground.png); } --> </style> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } --> </style></head> <body> <table width="990" border="1" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="150" colspan="2"><img src="gambar.jpg" width="996" height="156" /></td> </tr> <tr> <td height="30" colspan="2" bgcolor="#00FF00"><marquee scrolldelay="300"> Jasa Pembuatan Program Visual dan Website </marquee></td> </tr> <tr> <td width="565" bgcolor="#EEEEEE" valign="top"><ul id="MenuBar1" class="MenuBarVertical"> <li>Home</li> <li>Profil <ul>
- 3. <li>Sejarah</li> <li>Visi Misi</li> <li>Struktur Organisasi</li> </ul> </li> <li>Porto Folio <ul> <li><a href="#" class="MenuBarItemSubmenu">Web Bisnis ( E-Commerce ) dan Web Company Profile</a> <ul> <li><a href="#">http://www.neucleus.co.id ( Website Perusahaan Sepatu )</a></li> <li><a href="#">http://www.prideco.co.id ( Website Perusahaan Jasa Transportasi )</a></li> <li><a href="#">http://www.Fazzacreative.com ( Web Fashions )</a></li> <li><a href="#">http://www.ilpsemarang.com ( Website Kursus Bahasa Inggris )</a></li> <li><a href="#">http://www.surya-travels.com ( Website Biro Jasa Travel )</a></li> <li><a href="#">http://www.BonanzaMegahOil.com ( Website Eksportir Minyak Kopra )</a></li> <li><a href="#">http://www.bellowardrobe.com ( Web Penjualan Tas)</a></li> </ul> </li> <li><a href="#" class="MenuBarItemSubmenu">Web Pendidikan</a> <ul> <li><a href="#">http://www.Alkautsarassofyaniyyah.com</a></li> <li><a href="#">http://www.smpn17semarang.sch.id ( Website SMP Negeri 17 Semarang )</a></li> <li><a href="#">http://www.smpn18-smg.sch.id ( Website SMP Negeri 18 Semarang )</a></li> </ul> </li> <li><a href="#" class="MenuBarItemSubmenu">SOFTWARE</a> <ul> <li><a href="#">Software Sistem Informasi Rental Alat Production House CV. DS Pratama Jakarta</a></li> <li><a href="#">Software SMS Gateway STORYLAND Projects</a></li> <li><a href="#">Software Restoran dan Rumah Makan "OYE" Denpasar Bali</a></li> <li><a href="#">Software Penjualan dan Inventory KIRANA Fashions</a></li> <li><a href="#">Software Sistem Informasi Pondok Pesantren Seluruh Jawa Tengah dari DEPAG</a></li> </ul> </li>
- 4. <li><a href="#" class="MenuBarItemSubmenu">BLOG</a> <ul> <li><a href="#">http://www.gudangsoft.web.id/</a></li> <li><a href="#">http://ey-pages.blogspot.com/</a></li> <li><a href="#">http://segudangwarna.blogspot.com/</a></li> <li><a href="#">http://www.bahankuliah.net/</a></li> <li><a href="#">http://pak-toink.blogspot.com/</a></li> <li><a href="#">http://harisxid.blogspot.com/</a></li> <li><a href="#">http://masdenbagoes.blogspot.com/</a></li> </ul> </li> </ul> </li> <li>Buku Tamu</li> <li>Admin</li> </ul></td> <td width="429" valign="top" bgcolor="#FFFFFF"> </td> </tr> <tr> <td height="40" colspan="2" bgcolor="#9999FF"><center> Copyright @ Eko Siswanto </center></td> </tr> </table> <script type="text/javascript"> <!-var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); //--> </script> </body> </html>