TUGAS 2 Pemrograman Web
<html>
<head>
<title>Layout css</title>
<style type="text/css">
#halaman { width:1100px; margin:0 auto; }
#header {padding:10px;font-size: 50px;
background: rgba(0,0,0,5);
line-height: 55px;
text-align: center;
color: red; }
#kiri { height:230px; padding:10px;background-color:#CCCCCC; background: url(bunga.jpg);background-size:100%;float:left;width:250px; margin-top:10px; }
#kanan { height:230px; padding:10px;background-color:#CCCCCC;background: url(j.jpg);background-size:100%;float:right;width:250px; margin-top:10px; }
#tengah { height:450px; width:500px; padding:10px;background: url(jenny.jpg);background-size:100%;background-color:#CCCCCC; margin:10px 290px 0 290px;border: 2px solid #fff; }
#footer { clear:both; height:50px;padding:10px; background: url(fs.png);background-size:50%;margin-top:10px;}
</style>
</head>
<body style=" background: url(kayu.jpg)" >
<div id="halaman">
<div id="header">WELLCOME TO MY WEB:)</div>
<div id="kiri"><font size="4" color="green" align="center"><br>Nama Saya Ardian Dwi Prasetyo</br>
<p>Saya kuliah di Universitas Ahmad Dahlan</p><p>Fakultas Teknologi Industri</p><p>Program Studi Teknik Informatika</p> </font></div>
<div id="kanan"><p><a href="http://www.ardiandwisetyaa.blogspot.com" target="_blank"><font color="blue" size="3" ><center>Blog saya</font></a></p>
<p><a href="http://dc182.4shared.com/img/1441217356/2864ab2/dlink__2Fdownload_2F-xyMFkRs_3Ftsid_3D20130417-142345-4a414262/preview.mp3" target="_blank"><font color="blue" size="3" ><center>Download lagu fstvlst Hujan Mata Pisau</font></a></p>
<p><a href="http://cubixhost.com/4shared2.php?id=WVVZMlJWTTBRV1E" target="_blank"><font color="blue" size="3" ><center>Download lagu fstvlst Hari Terakhir peradaban</font></a></p>
</div>
<div id="tengah"><br><H2><center>Lirik Lagu FSTVLST Hujan Mata Pisau</center></H2></br>
<font color="red" align="center">
<p>
tidak kan menepi tidak berhenti
itu atau ini pilihan yang saling satir
dan sepertinya akan semakin berat
ke cita-cita yang masih jauh di depan sana
</p>
<p>
ku berlari sendiri tidak berhenti
kanan atau kiri arah yang saling menyindir
dan sepertinya memang semakin berat
lihat langitnya dimanakah mataharinya
</p>
<p>
selangit penuh mendung memperingatkan
seribuan matapisau terhujan
dan payung baja ku biarkan tak mengembang
ketakutan yang menenggelamkan
</p>
<p>
mewajahi mewakili
para tidak terwakili
jadi kaki dan roda bagi
para pencari matahari
</p>
<p>
selangit penuh mendung memperingatkan
seribuan matapisau terhujan
dan payung baja ku biarkan tak mengembang
ketakutanlah yang menenggelamkan
</p>
<p>
selangit penuh cahaya tertaburkan
seribuan tangkai bunga ditumbuhkan
dan payung baja ku biarkan tak mengembang
keberanian yang menyelamatkan
</p></font></div>
<div id="footer"><marquee direction="right"><font size="5"><font color="black"><center>created by PRSTYA!! </font> </marquee></div>
</div>
</body>
</html>
<head>
<title>Layout css</title>
<style type="text/css">
#halaman { width:1100px; margin:0 auto; }
#header {padding:10px;font-size: 50px;
background: rgba(0,0,0,5);
line-height: 55px;
text-align: center;
color: red; }
#kiri { height:230px; padding:10px;background-color:#CCCCCC; background: url(bunga.jpg);background-size:100%;float:left;width:250px; margin-top:10px; }
#kanan { height:230px; padding:10px;background-color:#CCCCCC;background: url(j.jpg);background-size:100%;float:right;width:250px; margin-top:10px; }
#tengah { height:450px; width:500px; padding:10px;background: url(jenny.jpg);background-size:100%;background-color:#CCCCCC; margin:10px 290px 0 290px;border: 2px solid #fff; }
#footer { clear:both; height:50px;padding:10px; background: url(fs.png);background-size:50%;margin-top:10px;}
</style>
</head>
<body style=" background: url(kayu.jpg)" >
<div id="halaman">
<div id="header">WELLCOME TO MY WEB:)</div>
<div id="kiri"><font size="4" color="green" align="center"><br>Nama Saya Ardian Dwi Prasetyo</br>
<p>Saya kuliah di Universitas Ahmad Dahlan</p><p>Fakultas Teknologi Industri</p><p>Program Studi Teknik Informatika</p> </font></div>
<div id="kanan"><p><a href="http://www.ardiandwisetyaa.blogspot.com" target="_blank"><font color="blue" size="3" ><center>Blog saya</font></a></p>
<p><a href="http://dc182.4shared.com/img/1441217356/2864ab2/dlink__2Fdownload_2F-xyMFkRs_3Ftsid_3D20130417-142345-4a414262/preview.mp3" target="_blank"><font color="blue" size="3" ><center>Download lagu fstvlst Hujan Mata Pisau</font></a></p>
<p><a href="http://cubixhost.com/4shared2.php?id=WVVZMlJWTTBRV1E" target="_blank"><font color="blue" size="3" ><center>Download lagu fstvlst Hari Terakhir peradaban</font></a></p>
</div>
<div id="tengah"><br><H2><center>Lirik Lagu FSTVLST Hujan Mata Pisau</center></H2></br>
<font color="red" align="center">
<p>
tidak kan menepi tidak berhenti
itu atau ini pilihan yang saling satir
dan sepertinya akan semakin berat
ke cita-cita yang masih jauh di depan sana
</p>
<p>
ku berlari sendiri tidak berhenti
kanan atau kiri arah yang saling menyindir
dan sepertinya memang semakin berat
lihat langitnya dimanakah mataharinya
</p>
<p>
selangit penuh mendung memperingatkan
seribuan matapisau terhujan
dan payung baja ku biarkan tak mengembang
ketakutan yang menenggelamkan
</p>
<p>
mewajahi mewakili
para tidak terwakili
jadi kaki dan roda bagi
para pencari matahari
</p>
<p>
selangit penuh mendung memperingatkan
seribuan matapisau terhujan
dan payung baja ku biarkan tak mengembang
ketakutanlah yang menenggelamkan
</p>
<p>
selangit penuh cahaya tertaburkan
seribuan tangkai bunga ditumbuhkan
dan payung baja ku biarkan tak mengembang
keberanian yang menyelamatkan
</p></font></div>
<div id="footer"><marquee direction="right"><font size="5"><font color="black"><center>created by PRSTYA!! </font> </marquee></div>
</div>
</body>
</html>
HASIL AKHIR :
0 komentar:
Posting Komentar