Perlu di ingat di asumsikan untuk membuat tampilan web atau layout web kita harus terlebih dahulu memahami tentang kelas html seperti pada tutorial sebelum nya agar memudahkan dalam membuat layout.
CONTOH SCRIP:
<!DOCTYPE html>
<html>
<head>
<style>
#header {
background-color:red;
color:blue;
text-align:center;
padding:10px;
}
#nav{
line-height:80px;
background-color:yellow;
heiht:300px;
width:100spx;
float:left;
padding:20px;
}
#section {
width:350px;
float:left;
padding:10px;
}
#footer {
background-color:red;
color:blue;
clear:both;
text-align:center;
padding:10px;
}
</style>
</head>
<body>
<div id="header">
<h1><marquee behavior ="alternate" bgcolor="yellow"style="font-family:impact;font-size:35px;"> CITY GALLERY</h1></marquee>
</div>
<div id="nav">
LONDON<br>
PARIS<br>
TOKYO<br>
</div>
<div id="section">
<h1>LONDON</h1>
<p>
london is the capital city of england. it is the most populous city in the united kingdom,with a metropolitan are of over 13 million in habitants.
</p>
<p>
standing on the river thames, london has been a major settlement for two millennia,its history going back to its founding by the romans, who named it londinium.
</p>
</div>
<div id="footer">
<marquee bgcolor="yellow"style="font-family:impact;font-size:20px;color:blue;" tittle="bisa terbaca pesannya">Copyright @BAGUS TRI HARIANTO.com</marquee>
</div>
</body>
</html>
HASILNYA:
0 komentar:
Posting Komentar