SlideShare une entreprise Scribd logo
1  sur  4
Télécharger pour lire hors ligne
Latihan Membuat Website dengan Tabel
1. Desain
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>
<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 &quot;OYE&quot; 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>
<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">&nbsp;</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>

Contenu connexe

En vedette

4.statistik deskriptif
4.statistik deskriptif4.statistik deskriptif
4.statistik deskriptifEko Siswanto
 
Duxxi v19 final_english
Duxxi v19 final_englishDuxxi v19 final_english
Duxxi v19 final_englishDuxxi
 
Langkah upload web
Langkah upload webLangkah upload web
Langkah upload webEko Siswanto
 
Company Presentation - 1st semester 2014
Company Presentation - 1st semester 2014Company Presentation - 1st semester 2014
Company Presentation - 1st semester 2014Duxxi
 
Creighton Randall - Update from Buffalo CarShare
Creighton Randall - Update from Buffalo CarShareCreighton Randall - Update from Buffalo CarShare
Creighton Randall - Update from Buffalo CarShareINVERS Mobility Solutions
 
Worksheet dasar App.Pengolahan Data (Acc)
Worksheet dasar App.Pengolahan Data (Acc)Worksheet dasar App.Pengolahan Data (Acc)
Worksheet dasar App.Pengolahan Data (Acc)Eko Siswanto
 
Bagian 4-bentuk-organisasi-usaha
Bagian 4-bentuk-organisasi-usahaBagian 4-bentuk-organisasi-usaha
Bagian 4-bentuk-organisasi-usahaEko Siswanto
 
4 copy duplikasi pengelompokkan data
4 copy duplikasi pengelompokkan data4 copy duplikasi pengelompokkan data
4 copy duplikasi pengelompokkan dataEko Siswanto
 
Company Presentation - Setembro/2013
Company Presentation - Setembro/2013Company Presentation - Setembro/2013
Company Presentation - Setembro/2013Duxxi
 
6.statistik deskriptif 2
6.statistik deskriptif 26.statistik deskriptif 2
6.statistik deskriptif 2Eko Siswanto
 
3 hapus recall replace data
3 hapus recall replace data3 hapus recall replace data
3 hapus recall replace dataEko Siswanto
 

En vedette (20)

4.statistik deskriptif
4.statistik deskriptif4.statistik deskriptif
4.statistik deskriptif
 
Duxxi v19 final_english
Duxxi v19 final_englishDuxxi v19 final_english
Duxxi v19 final_english
 
Langkah upload web
Langkah upload webLangkah upload web
Langkah upload web
 
Pertemuan 1
Pertemuan 1Pertemuan 1
Pertemuan 1
 
01 pengenalan
01 pengenalan01 pengenalan
01 pengenalan
 
3.html table
3.html table3.html table
3.html table
 
Company Presentation - 1st semester 2014
Company Presentation - 1st semester 2014Company Presentation - 1st semester 2014
Company Presentation - 1st semester 2014
 
Pertemuan 4
Pertemuan 4Pertemuan 4
Pertemuan 4
 
Creighton Randall - Update from Buffalo CarShare
Creighton Randall - Update from Buffalo CarShareCreighton Randall - Update from Buffalo CarShare
Creighton Randall - Update from Buffalo CarShare
 
5. uji normalitas
5. uji normalitas5. uji normalitas
5. uji normalitas
 
Worksheet dasar App.Pengolahan Data (Acc)
Worksheet dasar App.Pengolahan Data (Acc)Worksheet dasar App.Pengolahan Data (Acc)
Worksheet dasar App.Pengolahan Data (Acc)
 
Pertemuan 5
Pertemuan 5Pertemuan 5
Pertemuan 5
 
Bagian 4-bentuk-organisasi-usaha
Bagian 4-bentuk-organisasi-usahaBagian 4-bentuk-organisasi-usaha
Bagian 4-bentuk-organisasi-usaha
 
Pertemuan 7
Pertemuan 7Pertemuan 7
Pertemuan 7
 
4 copy duplikasi pengelompokkan data
4 copy duplikasi pengelompokkan data4 copy duplikasi pengelompokkan data
4 copy duplikasi pengelompokkan data
 
Pertemuan 2
Pertemuan 2Pertemuan 2
Pertemuan 2
 
Company Presentation - Setembro/2013
Company Presentation - Setembro/2013Company Presentation - Setembro/2013
Company Presentation - Setembro/2013
 
Pertemuan 6
Pertemuan 6Pertemuan 6
Pertemuan 6
 
6.statistik deskriptif 2
6.statistik deskriptif 26.statistik deskriptif 2
6.statistik deskriptif 2
 
3 hapus recall replace data
3 hapus recall replace data3 hapus recall replace data
3 hapus recall replace data
 

Plus de Eko Siswanto

7.pengenalan internet
7.pengenalan internet7.pengenalan internet
7.pengenalan internetEko Siswanto
 
6.2 Jaringan komputer
6.2 Jaringan komputer6.2 Jaringan komputer
6.2 Jaringan komputerEko Siswanto
 
5.2 teknologi komunikasi
5.2 teknologi komunikasi5.2 teknologi komunikasi
5.2 teknologi komunikasiEko Siswanto
 
2. klasifikasi sistem tehnologi informasi
2. klasifikasi sistem tehnologi informasi2. klasifikasi sistem tehnologi informasi
2. klasifikasi sistem tehnologi informasiEko Siswanto
 
1. pengantar-teknologi-informasi
1. pengantar-teknologi-informasi1. pengantar-teknologi-informasi
1. pengantar-teknologi-informasiEko Siswanto
 
Aplikasi khs-App.Pengolahan Data (Acc)
Aplikasi khs-App.Pengolahan Data (Acc)Aplikasi khs-App.Pengolahan Data (Acc)
Aplikasi khs-App.Pengolahan Data (Acc)Eko Siswanto
 
5 Sbd-fungsi tanggal
5 Sbd-fungsi tanggal5 Sbd-fungsi tanggal
5 Sbd-fungsi tanggalEko Siswanto
 
Modul01 pemograman dotnet
Modul01 pemograman dotnetModul01 pemograman dotnet
Modul01 pemograman dotnetEko Siswanto
 
2 mengolah data bag 2 & 3
2 mengolah data bag 2 & 32 mengolah data bag 2 & 3
2 mengolah data bag 2 & 3Eko Siswanto
 
4 copy duplikasi pengelompokkan data
4 copy duplikasi pengelompokkan data4 copy duplikasi pengelompokkan data
4 copy duplikasi pengelompokkan dataEko Siswanto
 

Plus de Eko Siswanto (19)

7.pengenalan internet
7.pengenalan internet7.pengenalan internet
7.pengenalan internet
 
6. hardware
6. hardware6. hardware
6. hardware
 
6.2 Jaringan komputer
6.2 Jaringan komputer6.2 Jaringan komputer
6.2 Jaringan komputer
 
5. hardware
5. hardware5. hardware
5. hardware
 
5.2 teknologi komunikasi
5.2 teknologi komunikasi5.2 teknologi komunikasi
5.2 teknologi komunikasi
 
4. hardware
4. hardware4. hardware
4. hardware
 
3. hardware
3. hardware3. hardware
3. hardware
 
2. klasifikasi sistem tehnologi informasi
2. klasifikasi sistem tehnologi informasi2. klasifikasi sistem tehnologi informasi
2. klasifikasi sistem tehnologi informasi
 
1. pengantar-teknologi-informasi
1. pengantar-teknologi-informasi1. pengantar-teknologi-informasi
1. pengantar-teknologi-informasi
 
Aplikasi khs-App.Pengolahan Data (Acc)
Aplikasi khs-App.Pengolahan Data (Acc)Aplikasi khs-App.Pengolahan Data (Acc)
Aplikasi khs-App.Pengolahan Data (Acc)
 
6 fungsi karakter
6 fungsi karakter6 fungsi karakter
6 fungsi karakter
 
5 Sbd-fungsi tanggal
5 Sbd-fungsi tanggal5 Sbd-fungsi tanggal
5 Sbd-fungsi tanggal
 
5.frame
5.frame5.frame
5.frame
 
2.html link
2.html link2.html link
2.html link
 
Modul01 pemograman dotnet
Modul01 pemograman dotnetModul01 pemograman dotnet
Modul01 pemograman dotnet
 
Pertemuan 3
Pertemuan 3Pertemuan 3
Pertemuan 3
 
Nirmana 01
Nirmana 01Nirmana 01
Nirmana 01
 
2 mengolah data bag 2 & 3
2 mengolah data bag 2 & 32 mengolah data bag 2 & 3
2 mengolah data bag 2 & 3
 
4 copy duplikasi pengelompokkan data
4 copy duplikasi pengelompokkan data4 copy duplikasi pengelompokkan data
4 copy duplikasi pengelompokkan data
 

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 &quot;OYE&quot; 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">&nbsp;</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>