<html lang="en">
<HEAD>
<TITLE>Desain Layout Halaman Web Sederhana</TITLE>
<link rel="stylesheet" href="praktikum4.css" type="text/css" />
</HEAD>
<BODY>
<HEADER>
<LOGO></LOGO>
<TE>TEKNIK ELEKTRO</TE>
</HEADER>
<NAV><SEARCH>Search : </SEARCH><BOX>
<INPUT type="text" size="22" />
</BOX>
<MENU>Home | News & Media | Tutorial | Tips & Tricks | Download</MENU>
</NAV>
<SECTION>
<PICT></PICT>
<ARTICLE>
Chen Shui-bian (Hanzi:Hanz, Pinyin:Chén Shuibian lahir 18 Februari 1951; umur 59 tahun) adalah Presiden Republik Cina sejak tahun 2000. Chen Shui-bian lahir di Desa Hsi-chuang, Kecamatan Kuan-tien, Kabupaten Tainan, Taiwan. Dusun tersebut dihuni hanya beberapa ratus keluarga yang memiliki mata pencaharian utama sebagai petani.
<BR><BR>
Nama yang disandangnya merupakan nama tradisional Taiwan. Chen Shui-bian adalah anak pertama dari pasangan Chen Sung-ken (ayah) dan Chen Le-chen (ibu). Ia tiga bersaudara. Namanya sendiri mengacu pada arti 'batang bambu' yang biasa digunakan oleh para petani miskin untuk mengangkat dua ember air di ujungnya. Secara harfiah, karakter shui berarti 'air' dan bian berarti 'datar'.
</ARTICLE>
<EVENT>
<BR>
<B>   EVENT :</B>
<ul>
<li><a href="#">Balapan Makan Krupuk</a></li>
<li><a href="#">Lomba Ngupil</a></li>
<li><a href="#">Wisuda PTI'09</a></li>
<li><a href="#">Audisi Mahasiswa Abadi</a></li>
</ul>
</EVENT>
</SECTION>
<FOOTER>
Home | News & Media | Tutorial | Tips & Tricks | Download
</FOOTER>
</BODY>
</HTML>
praktikum4.css
body{
margin : 10px auto;
width : 900px;
}
header, logo, te, nav, search, box, section, pict, article, event, footer{
display : block;
}
header{
height: 90px;
width: auto;
background-image : url(images/header.jpg);
}
logo{
float : left;
margin-left : 30px;
height : 90px;
width : 90px;
background-image : url(images/um2.png);
}
te{
padding: 30px;
font-family : comic sans ms;
font-weight: bold;
font-size : 32px;
color : white;
}
nav{
width: 900px;
height: 40px;
background-color : #bbdefb;
color : #459dff;
font-family: comic sans ms;
}
search{
float : left;
margin-top: 2px;
margin-left : 20px;
width : 60px;
height: 20px;
}
box{
margin-top: 2px;
float: left;
width: 150px;
height: 20px;
}
menu{
margin-top: 2px;
margin-left: 200px;
float: left;
width: 425px;
height: 10px;
text-align : right ;
}
section{
width : 900px;
height : 450px;
background-color : #bbdefb;
}
pict{
float: left;
width: 300px;
height: 450px;
background-image : url(images/pict2.jpg);
}
article{
font-family : comic sans ms;
margin-left: 300px;
width: 590px;
height: 325px;
background-color : #ffffff;
}
event{
font-family : comic sans ms ;
font-size : 12px;
font-weight: bold;
color : #459dff;
margin-left: 300px;
width: 590px;
height: 125px;
background-color : #bbdefb;
}
footer{
clear : both;
height : 30px;
background-image : url(images/footer.jpg);
text-align : center;
font-weight: bold;
font-family: comic sans ms;
color: white;
font-size: 12px;
}
screenshot
Tidak ada komentar:
Posting Komentar