body {
margin: 10px auto;
width: 1300px;
}
header{
height:100px;
border: red;
background-image:url(Avril lavigne.jpg);
background-repeat: repeat-x;}
#gambaratas{
float:left;
width:141px;
height:80px;
background-image:url(logo UM.jpg);
background-position:left left;
background-repeat:no-repeat;
margin-left:40px;
margin-top:20px;
}
#teksatas{
padding: 20px;
font-family : Forte;
font-weight: bold;
font-size : 72px;
}
nav {
height:35px;
border: 1px solid green;
background-color:#b34fed;
}
#search {
float:left;
width:60px;
height:25px;
margin-top:3px;
margin-left:80px;
}
#formsearch {
float:left;
margin-left:2px;
width:140px;
height:25px;
margin-top:3px;
}
#home {
float:right;
width:100px;
height:25px;
margin-right:500px;
border:1px solid brown;
margin:2px;
text-align:center;
background-color:#e569c9;
}
#article {
float:right;
width:100px;
height:25px;
margin-right:500px;
border:1px solid brown;
margin:2px;
text-align:center;
background-color:#e569c9;
}
#galery {
float:right;
width:100px;
height:25px;
margin-right:500px;
border:1px solid brown;
margin:2px;
text-align:center;
background-color:#e569c9;
}
#group{
float:right;
width:80px;
height:25px;
margin-right:500px;
border:1px solid brown;
margin:2px;
text-align:center;
background-color:#e569c9;
}
#download{
float:right;
width:100px;
height:25px;
margin-right:500px;
border:1px solid brown;
margin:2px;
text-align:center;
background-color:#e569c9;
}
#tengah {
width:1300px;}
section {
height:500px;
border: 1px solid green;
background-color:#9995e5;
}
article {
float:left;
border: 1px solid red;
width:300px;
height:500px;
background-image:url(Avril lavigne.jpg);
background-position:left left;
background-repeat:no-repeat;
border:4px solid black;
}
aside {
height:400px;
width:950px;
float:left;
margin-left:5px;
}
#agenda {
height:100px;
width:988px;
float:right;
border: 1px solid brown;
background-color:#bf75ea;
}
footer{
height:30px;
border:1px solid blue;
padding-left:450px;
background-image:url(gb2.jpg)
}
#bawah {
float:left;
width:500px;
height:20px;
font-weight:bold;
margin:2px;
text-align:center;
}
//tugas.html<!DOCTYPE html>
<html lang="en">
<head>
<title>Tugas Praktikum</title>
<link rel="stylesheet" href="tugas.css" type= "text/css" />
</head>
<body>
<header>
<div id="gambaratas"></div>
<div id="teksatas">
<Font color = "purple" align = "center" face= "Forte"> Avril Lavigne</font>
</div>
</header>
<nav>
<div id="search">Search</div>
<div id="formsearch"><input type="text" maxlength=80></div>
<div id="download">
<a href="download.html">Download</a></div>
<div id="group">
<a href="group.html">Group</a></div>
<div id="galery">
<a href="galery.html">Galery</a></div>
<div id="article">
<a href="article.html">Article</a></div>
<div id="home">
<a href="home.html">Home</a></div>
</nav>
<section>
<div id="tengah">
<article>
</article>
<aside><p>Avril Ramona Lavigne Whibley;
lahir di Kanada, 27 September 1984 umur 26 tahun; atau lebih dikenal dengan nama Avril Lavigne;
adalah seorang penyanyi pop-punk, musisi, dan aktris asal Kanada;
Pada tahun 2006, Majalah Bisnis Kanada memposisikannya dalam posisi ke-7 wanita Kanada paling mengagumkan di Hollywood, dan pada tahun 2007 dia memenangkan 9 nominasi Jabra Music Contest untuk kategori Best Band In The World;
berdasarkan pilihan penggemar diseluruh dunia;
Hingga kini, Lavigne telah merilis 3 buah album studio;
yaitu Let Go (2002) yang terjual lebih dari 19 juta diseluruh dunia dengan 9 juta di US;
Under My Skin (2004) yang terjual lebih dari 12 juta diseluruh dunia dan 4 juta di US;
dan The Best Damn Thing (2007) yang terjual lebih dari 9 juta dan 2,5 juta di US;
Lavigne juga telah memproduksi tujuh singel internasional,;
diantaranya adalah "Complicated", "Sk8er Boi", "I'm with You", "Don't Tell Me", "My Happy Ending", "Girlfriend", dan "When You're Gone";
Lavigne pun mengisi soundtrack untuk film Alice in Wonderland dengan lagu yang berjudul "Alice";
Ia telah menjual rekaman album dan singelnya sebanyak kurang lebih 45 juta diseluruh dunia
</aside>
</div>
<div id="agenda">
<b> Other</b>
<font face=arial black color=#33cccc>
<ul>
<li><b><a href="avril.html">avril new album</a></b>
<li><b><a href="calvin.html">calvin profile</a></b>
<li><b><a href="shinee.html">Shinee lyrics</a></b>
</ul>
</font>
</div>
</section>
<footer>
<div id="bawah">
<a href="home.html">Home</a> | <a href="article.html">Article</a> | <a href="galery.html">Galery</a> | <a href="groub.html">group</a> | <a href="download.html">Downloads</a>
</div>
</footer>
</body>
</html>
maaf mas..
gmbar nya gk mau keluar..
uda tk uthek" ttp gk kluar... T.T