Senin, 02 Februari 2009

Latihan 4 - 5



Sekarang adalah tahap yang lumayan susah...
karena merupakan gabungan dari kode HTML dari yang uda di bahas sebelumnya..


coba perhatikan:


<html>
<head>
  <title>Latihan Pertemuan 2</title>
</head>
<body bgcolor="#000000' text="#FFFFFF">
    <table border="1" align="center" width="80%">
      <tr>
        <td colspan="2" align="center" height="100%" bgcolor="3A2BD1">
            <font size="16" face="arial">SITUSKU.COM</font><br>
            <hr width="500"><br>
            <marquee direction="right">Terdepan Dalam Berita dan
            Gosip</marquee>
            </td>
      </tr>
      <tr valign="top">
       <td width="200" height="450" bgcolor="green">Home</td>
        <td bgcolor="#F75454">Selamat Datang di<b><i>SITUSKU.COM</i></b><br>
            Situsku.Com akan selalu konsisten dengan berita-berita terbaru dari
            segala penjuru Indonesia.<br><br>
            Dapatkan berita-berita menarik tentang: politik, hukum, keamanan, gosip
            artis dan kuliner di Indonesia.
        </td>
      </tr>
    </table>
</body>
</html>



jika kamu uda mengerti tampilan di atas maka hasilnya akan seperti ini:



klik gambar untuk memperbesar


nah selanjutnya kamu bisa buat sendiri atau ak sendiri bisa buat seperti ini...


<html>
<head>
 <title>tugas terakhir</title>
</head>
<body bgcolor="#000000' text="FFFFFF">
    <table border="1" align="center" width="80%">
      <tr>
        <td colspan="2" align="center" height="100" bg color="#3A2BD1">
            <font size="16" face="arial" font color="lime">PUISIKU.COM</font><br>
            <hr width="500"><br>
            <center><font size="10"><font color="blue">Selamat Membaca<br>
            <marquee direction="right"><font color="red"><font size="10">Selalu menyediakan puisi-puisi yang anda inginkan</marquee><br>
            <marquee behavior="alternate"><font color="orange">semoga bermanfaat</marquee>
            </td>
        </tr>
        <tr valign="top">
         <td width="200" height="450" bgcolor="black"><font size="6" color="lime"><a href="http://nady9b.xtgem.com">Home</a><br>
         <font size="6" color="lime"><a href="http://nady9b.xtgem.com">profil</a><br>
         <font size="6" color="lime"><a href="http://nady9b.xtgem.com">tentang saya</a><br>
         <font size="6" color="lime"><a href="http://nady9b.xtgem.com">tanya jawab</a><br>
         <font size="6" color="lime"><a href="http://nady9b.xtgem.com">berita</a><br>
         <font size="6" color="lime"><a href="http://nady9b.xtgem.com">iklan</a><br>
         <font size="6" color="lime"><a href="http://nady9b.xtgem.com">kuis</a><br>
         <font size="6" color="lime"><a href="http://nady9b.xtgem.com">peraturan</a><br>
            <td bdcolor="#F75454"><font color="blue"><font size="6">Selamat datang di <b><i>PUISIKU.COM</i><b/> <br>
                puisiku.com akan selalu mengupdate puisi-puisi terbaru
                dan terbaik di indonesia.<br><br>
                dapatkan puisi-puisi menarik tentang: nasional, agama,
                cinta, pendidikan, dan sejarah.<br><br>
                <center><font size="10"><font color="lime">Sarjana Muda<br>
                <div style="text-align:center;"><table style="background-color:#FF0000;border:8px #00FF00 dotted;"><tr><th><table border="4" style="background-color:#FFFFFF;"><tr><td><b class="err"><center><font size="6">
Berjalan seorang pria muda<br>
Dengan jaket lusuh di pundaknya<br>
Disela bibir tampak mengering<br>
Terselip sebatang rumput liar<br>
    Jelas menatap awan berarah<br>
Wajah murung semakin terlihat<br>
Dengan langkah gontai tak terarah<br>
Keringat bercampur debu jalanan<br>
Engkau sarjana muda<br>
Resah mencari kerja<br>
Mengandalkan ijazahmu…<br>
    Empat tahun lamanya bergelut dengan buku<br>
    Tuk jaminan masa depan…<br>
Langkah kaki mu terhenti<br>
di depan halaman sebuah jawatan…<br>
    berjalan lesu engkau melangkah<br>
    dari pintu kantor yang harapkan<br>
    tarlihat kata tiada lowongan<br>
    untuk kerja yang di dambakan<br>
tak peduli berusaha lagi<br>
namun kata sama kau dapatkan…<br>
jelas menatap awan berarah<br>
wajah murung semakin terlihat…<br>

setengah putus asa dia berkata…<br>
“maaf Ibu”<br>
</b></td></tr></table></th></tr></table></div>
<br><br>
<center><font size="10"><font color="red">Perang Saudara<br>
<div style="text-align:center;"><table style="background-color:black;border:8px red dotted;"><tr><th><table border="4" style="background-color:lime;"><tr><td><b class="err"><center><font color="blue"><font size="6">Aku sedang susah...<br>
Perang saudara di depan mata<br>
Di sana teman di sini kawan<br>
Korban sudah berjatuhan<br>
Dimana tempatkan diri?<br>
Banyak orang yang kehilangan diri<br>
Wakil rakyatnya malah dagelan<br>
Sedangkan para pakar olen di bentur kenyataan<br>
Penyiar tivi bergetar suaranya<br>
Rakyat yang lapar saling menerkam<br>
Ahlu agama kewalahan<br>
Seiman ko perang?<br>
Burung bangkai mengintip dari balik awan<br>
Sesekali terbang di atas kepala<br>
Sekejap menukik di atas kepala sekejap manukik ke dalam hati<br>
Lalu bau kematian di hembus angin yang kibarkan bendera setengah tiang<br>
Ada apa ini?<br>
Begitu mudahnya nyawa melayang<br>
Padahal tanpa di undangpun kematian pasti datang<br>
Apakah ini karma?<br>
Apakah ini dosa turunan?<br>
Apakah ini upah dari kebodohan?<br>
Aku ingin meledak seperti bom waktu aku terkucil<br>
Letaknya pun di pintu sampah<br>
Kalau aku boleh mengeluh<br>
Jalan masihlah jauh<br>
Dunia kita sama<br>
Kenapa kita tidak bersatu?<br>
<br>
Aku sedang susah…<br>
Rasanya ingin menjadi hanoman atau jeko<br>
Aku sedang susah…<br>
Ya…sedang susah…….<br>
</b></td></tr></table></th></tr></table></div>
<br><br>
<center><font size="10"><font color="blue">Puing<br>
                <div style="text-align:center;"><table style="background-color:red;border:8px blue dotted;"><tr><th><table border="4" style="background-color:black;"><tr><td><b class="err"><center><font color="lime"><font size="6">
Puing berserekan di segenap penjuru<br>
Bekas pertempuran…<br>
Bau amis darah sisa asap mesin tempur<br>
Sesak nafasku<br>
    Mayat-mayat bergeletakan…<br>
tak terkubur dengan layak…<br>
dan burung-burung bangkai menatap liar<br>
dan burung-burung bangkai berdansa senang…<br>
di ujung sana banyak orang kelaparan…<br>
di ujung lainnyawabah busung menyerang…<br>
di sudut sana banyak orang kehilangan…<br>
di sudut lainnya bayi bertanya bimbang…<br>
“mamah kapan ayah pulang?”<br>
“mamah sebab apa perang?”<br>
    Banyak jatuh korban…<br>
    Dari mereka yang tak mengerri apa-apa…<br>
    Suara tangis terdengar dari bekas reruntuhan…<br>
    Seorang ibu muda yang baru melahirkan…<br>
    Lama meratapi sesosok tubuh mayat suaminya…<br>
Tinggi peradaban teknologi berkembang…<br>
Senjata hebat terciptakan…<br>
Sarana pembantaian semakin bisa di wujudkan…<br>
Oh mengerikan…<br>
    Berhentilah!!!!<br>
    Jangan salah gunakan…<br>
    Kehebatan ilmu pengetahuan untuk menghancurkan…<br>
</font><br></td></tr></table></div>
</font><br></td></tr></table></div>
            </td>
        </tr>
        <tr>
        <td colspan="2" align="center" height="100" bg color="#FFFFFF">
            <center><font size="3"><font color="blue">Copyright © PUISIKU.COM<br>
            All right reserved 2009<br>
            </td>
        </tr>
     </table>
</body>
</html>



dan tampilannya seperti ini





klik untuk memperbesar gambar


mohon maaf gambar tidak saya tampilkan semua karena terlalu besar.

0 komentar:

Posting Komentar

 
Design by Wpthemedesigner. Converted To Blogger Template By Anshul | Distributed by Blogger Templates | Blog Themes.