Pada modul 2 ini sudah membahas tentang elemen – elemen HTML. .nah loh apaan tuh. . ?
Makin gak mudeng Q. . hehehe. . .
Dalam soal study kasus ini disuruh membuat desain web yang berbentuk tabel- tabel dan dengan memanfaatkan hiperlink dapat membuat 3 tampilan menu, yang apabila diklik salah satunya maka akan menunjukan isi yang berbeda – beda. .
Awalnya Q kira gampang. . eh ternyata cukup membinggungkan juga. . gimana caranya. . .???
Akhirnya setelah diprogram diketik. . dihapus . . diketik lagi. . . gara” salah . . .dihapus lagi. . (*binggung nich maksudnya) akhirnya tampilannya jadi agak teratur. . .alhamdulilah. . padahal uda mulai putus asa. . gregetan pengen nekan tombol Ctrl+A+Del. .. . gara” pusing liat tampilan yang berserakan gak teratur. . .heheheh. . tp akhirnya bisaaaa. . . BAJAI. .
Tp masih ada erornya sich. . pada <!DOCTYPE HTML > nya. . nach inich. . mohon bantuannya ya mas asdos. . . bagaimana penyelesaian Erornya. . . .
Menu pertama FILM
ini adalah sourch code nya :
<!DOCTYPE HTML>
<html lang="en">
<link rel="shortcut icon" href="http://localhost/ICON/ICON/my%20com.ico">
<head>
<title>Film</title>
</head>
<body background = "http://localhost/images/any%20pics%20!!/Longhorn_Grass_Theme.jpg" />
<table border=0 align="center" cellspacing=0 cellpadding=5>
<caption><h2><font color ="lime">DOWNLOAD</caption>
<!-- Header -->
<tr>
<!-- Mengatur lebar kolom -->
<th width="80" bgcolor="Lime"></th>
<th width="10"></th>
<th width="350" bgcolor="green"><a href="film.html"><h3>Film</a></th>
<th width="10"></th>
<th width="350" bgcolor="Lime"><a href="dokumen.html"><h3>Dokumen</a></th>
<th width="10"></th>
<th width="350" bgcolor="Lime"><a href="musik.html"><h3>Musik</a></th>
<th width="10"></th>
<th width="80" bgcolor="Lime"></th></tr>
<tr>
<td rowspan=10 bgcolor="Lime"></td>
<td colspan = 7 bgcolor="green"><ol>
<p>
<h4><li><a href="www.4shared.com" title="Download Film 1">Film 1</a></li></h4>
<p>
<h4><li><a href="www.4shared.com" title="Download Film 2">Film 2</a></li></h4>
<p>
<h4><li><a href="www.4shared.com" title="Download Film 3">Film 3</a></li></h4>
<p>
<h4><li><a href="www.4shared.com" title="Download Film 4">Film 4</a></li></h4>
<p>
<h4><li><a href="www.4shared.com" title="Download Film 5">Film 5</a></li></h4>
<p>
</ol>
</td>
<td rowspan=2 bgcolor="lime"></td>
</tr>
<tr>
<th colspan=7 bgcolor="Lime"><p align="center"><h1><i>Mianapti.blogspot.com<i></p></th>
</tr>
</table>
</body>
</html>
Dan untuk menu dokumen nya. . :
<!DOCTYPE HTML>
<html lang="en">
<link rel="shortcut icon" href="http://localhost/ICON/ICON/Apple%20menu%20II.ico">
<head>
<title>Dokumen</title>
</head>
<body background = "http://localhost/images/any%20pics%20!!/Longhorn_Grass_Theme.jpg" />
<table border=0 align="center" cellspacing=0
cellpadding=5>
<caption><h2><font color ="lime">DOWNLOAD</caption>
<!-- Header -->
<tr>
<!-- Mengatur lebar kolom -->
<th width="80" bgcolor="lime"></th>
<th width="10"></th>
<th width="350" bgcolor="lime"><a href="film.html"><h3>Film</a></th>
<th width="10"></th>
<th width="350" bgcolor="green"><a href="dokumen.html"><h3>Dokumen</a></th>
<th width="10"></th>
<th width="350" bgcolor="lime"><a href="musik.html"><h3>Musik</a></th>
<th width="10"></th>
<th width="80" bgcolor="lime"></th></tr>
<tr>
<td rowspan=10 bgcolor="lime"></td>
<td colspan = 7 bgcolor="green"><ol>
<p>
<h4><li><a href="www.4shared.com" title="Download Dokumen PVB">Dokumen PBV</a></li></h4>
<p>
<h4><li><a href="www.4shared.com" title="Download Dokumen Basis Data">Dokumen Basis Data</a></li></h4>
<p>
<h4><li><a href="www.4shared.com" title="Download Dokumen C++">Dokumen C++ </a></li></h4>
<p>
<h4><li><a href="www.4shared.com" title="Download Dokumen Java">Dokumen java</a></li></h4>
<p>
<h4><li><a href="www.4shared.com" title="Download Dokumen PBW">Dokumen PBW</a></li></h4>
<p>
</ol>
</td>
<td rowspan=2 bgcolor="lime"></td>
</tr>
<tr>
<th colspan=7 bgcolor="lime"><p align="center"><h1><i>Mianapti.blogspot.com</i></p></th>
</tr>
</table>
</body>
</html>
Tampilanya adalah :
Dan menu musik nya :
<!DOCTYPE HTML>
<html lang="en">
<link rel="shortcut icon" href="http://localhost/ICON/ICON/mp3.ico">
<head>
<title>Musik</title>
</head>
<body background = "http://localhost/images/any%20pics%20!!/Longhorn_Grass_Theme.jpg" />
<table border=0 align="center" cellspacing=0
cellpadding=5>
<caption><h2><font color ="lime">DOWNLOAD</caption>
<!-- Header -->
<tr>
<!-- Mengatur lebar kolom -->
<th width="80" bgcolor="lime"></th>
<th width="10"></th>
<th width="350" bgcolor="lime"><a href="film.html"><h3>Film</a></th>
<th width="10"></th>
<th width="350" bgcolor="lime"><a href="dokumen.html"><h3>Dokumen</a></th>
<th width="10"></th>
<th width="350" bgcolor="green"><a href="musik.html"><h3>Musik</a></th>
<th width="10"></th>
<th width="80" bgcolor="lime"></th></tr>
<tr>
<td rowspan=10 bgcolor="lime"></td>
<td colspan = 7 bgcolor="green"><ol>
<p>
<h4><li><a href="www.4shared.com" title="Download Lagu 1">Lagu 1</a></li></h4>
<p>
<h4><li><a href="www.4shared.com" title="Download Lagu 2">Lagu 2</a></li></h4>
<p>
<h4><li><a href="www.4shared.com" title="Download Lagu 3">Lagu 3</a></li></h4>
<p>
<h4><li><a href="www.4shared.com" title="Download Lagu 4">Lagu 4</a></li></h4>
<p>
<h4><li><a href="www.4shared.com" title="Download Lagu 5">Lagu 5</a></li></h4>
<p>
</ol>
</td>
<td rowspan=2 bgcolor="lime"></td>
</tr>
<tr>
<th colspan=7 bgcolor="lime"><p align="center"><h1><i>Mianapti.blogspot.com</i></p></th>
</tr>
</table>
</body>
</html>
dan Tampilanya sebagai berikut :
BANJAAAAAAIIIIIIIIIIII. . . . .. . . ..
Tidak ada komentar:
Posting Komentar
anybody yang mau komentar no problem, gak masalah smua .
monggo komentar. . . . .