Selamat Datang di Blog AGUNG PANJI SASMITO

Minggu, 13 Februari 2011

Belajar Web Programming : Studi Kasus Modul 2 - Komponen HTML Lanjut

Hai semua =) Sekarang dengan bahasan yang baru, yaitu komponen HTML tingkat lanjut diantaranya adalah tabel dan kawan-kawannya. Adapun saya mendapatkan tugas studi kasus berupa penggunaan tabel dan hiperlink dalam pembuatan tabel berkorespondensi. Mau tahu?

Screenshoot 1:

Sintaks:
<!DOCTYPE HTML>
<html lang = "en">
<title>Download Dataku - Studi Kasus Modul 2 - ajungpangi</title>
<body>
<br/>
<center>
<font face = "copperplate gothic bold" size = 6 color = "blue">AJUNGPANGI's Data Store!</font>
</center>
<br/>

<table align = "center" border = 0>
<tr>
<th width = "200" height = "40" bgcolor = "#99ffff"><font face = "copperplate gothic bold" size = 5><a href=film.html>Film</a></font></th>
<th width = "10" height = "40"></th>
<th width = "200" height = "40" bgcolor = "#6633ff"><font face = "copperplate gothic bold" size = 5><a href=dokumen.html>Dokumen</a></font></th>
<th width = "10" height = "40"></th>
<th width = "200" height = "40" bgcolor = "#6633ff"><font face = "copperplate gothic bold" size = 5><a href=musik.html>Musik</a></font></th>
</tr>

<tr>
<td colspan=5 bgcolor = "#99ffff">
<ol>
<li><a href = "http://www37.indowebster.com/a9237ff0315fb6e61d5cd995525cc7f3.avi"title="Doraemon"><font face = "arial" size = 4>Doraemon</font></a></li>
<li><a href = "http://www5.indowebster.com/a1d5335318135a0fa1c31aa738405dbd.avi"title="Detective Conan"><font face = "arial" size = 4>Detective Conan</font></a></li>
<li><a href = "http://www28.indowebster.com/c2cf8875651499341a9cd4b57d331968.avi"title='SpongeBob'><font face = "arial" size = 4>Spongebob</font></a></li>
</ol>
</td>
</table>

</body>
</html>


Screenshoot 2:

Sintaks:
<!DOCTYPE HTML>
<html lang = "en">
<title>Download Dataku - Studi Kasus Modul 2 - ajungpangi</title>
<body>
<br/>
<center>
<font face = "copperplate gothic bold" size = 6 color = "blue">AJUNGPANGI's Data Store!</font>
</center>
<br/>

<table align = "center" border = 0>
<tr>
<th width = "200" height = "40" bgcolor = "#6633ff"><font face = "copperplate gothic bold" size = 5><a href=film.html>Film</a></font></th>
<th width = "10" height = "40"></th>
<th width = "200" height = "40" bgcolor = "#99ffff"><font face = "copperplate gothic bold" size = 5><a href=dokumen.html>Dokumen</a></font></th>
<th width = "10" height = "40"></th>
<th width = "200" height = "40" bgcolor = "#6633ff"><font face = "copperplate gothic bold" size = 5><a href=musik.html>Musik</a></font></th>
</tr>

<tr>
<td colspan=5 bgcolor = "#99ffff">
<ol>
<li><a href = "pi-2011.zip"title="Praktik Industri"><font face = "arial" size = 4>Praktik Industri</font></a></li>
<li><a href = "big.doc"title='Try Out BIG'><font face = "arial" size = 4>Try Out Bahasa Inggris</font></a></li>
<li><a href = "mat.doc"title='Try Out MAT'><font face = "arial" size = 4>Try Out Matematika</font></a></li>
</ol>
</td>
</table>

</body>
</html>

Screenshot 3:

Sintaks:
<!DOCTYPE HTML>
<html lang = "en">
<title>Download Dataku - Studi Kasus Modul 2 - ajungpangi</title>
<body>
<br/>
<center>
<font face = "copperplate gothic bold" size = 6 color = "blue">AJUNGPANGI's Data Store!</font>
</center>
<br/>

<table align = "center" border = 0>
<tr>
<th width = "200" height = "40" bgcolor = "#6633ff"><font face = "copperplate gothic bold" size = 5><a href=film.html>Film</a></font></th>
<th width = "10" height = "40"></th>
<th width = "200" height = "40" bgcolor = "#6633ff"><font face = "copperplate gothic bold" size = 5><a href=dokumen.html>Dokumen</a></font></th>
<th width = "10" height = "40"></th>
<th width = "200" height = "40" bgcolor = "#99ffff"><font face = "copperplate gothic bold" size = 5><a href=musik.html>Musik</a></font></th>
</tr>

<tr>
<td colspan=5 bgcolor = "#99ffff">
<ol>
<li><a href = "http://dc102.4shared.com/download/33043371/33a88e2d/file.mp3?tsid=20110126-054743-7817d87c"title="Hari Ini Esok dan Seterusnya - Nirina"><font face = "arial" size = 4>Hari Ini Esok dan Seterusnya - Nirina</font></a></li>
<li><a href = "http://dc93.4shared.com/download/4GeU3cIS/Maia_Ft1Pasto-Yang_Penting_Hap.mp3?tsid=20110126-082149-146172d8"title='Yang Penting Hepi'><font face = "arial" size = 4>Yang Penting Hepi</font></a></li>
<li><a href = "http://dc143.4shared.com/download/5z4D-MnU/Rod_Stewart_-_You_Are_Everythi.mp3?tsid=20110203-093850-6a4da2ad"title='Youre My Everything'><font face = "arial" size = 4>You're My Everything</font></a></li>
</ol>
</td>
</table>

</body>
</html>

Mau tahu akan menjadi seperti apa jadinya?
Silakan cek di ajungpangi.110mb.com.

Tidak ada komentar:

Poskan Komentar

Jangan lupa memberi komentar pada setiap postingan saya!

TInggalkan Komentar