<!DOCTYPE html>
<html lang="en">
<head>
<title>TUGAS MANING</title>
<link rel="stylesheet" href="stylemaning.css" type= "text/css" />
</head>
<body>
<header>
<div id="gambaratas"></div>
<div id="teks"></div>
</header>
<nav>
<div id="search">CARI</div>
<div id="formsearch"><input type="text" maxlength=80></div>
<div id="download" >
<a href="OPP.html">Download</a></div>
<div id="gambar">
<a href="OPP.html">Gambar</a></div>
<div id="fan">
<a href="OPP.html">Fans Area</a></div>
<div id="aksesoris">
<a href="OPP.html">Aksesoris</a></div>
<div id="home">
<a href="tugas maning.html">Home</a></div>
</nav>
<section>
<div id="dalam">
<article>
</article>
<aside><p>FC Barcelona - juga dikenal sebagai Barça, adalah sebuah klub olahraga di Barcelona, Katalonia, Spanyol yang mempunyai klub-klub dalam beberapa cabang olahraga, namun yang paling terkenal adalah sepak bola.
</br>Didirikan pada 1899 oleh 12 orang di bawah pimpinan Joan Gasper, mottonya adalah "Barca bukan hanya sekedar klub" (El Barça, és més que un club). Stadion utamanya berada di Camp Nou, Barcelona.
</br>Klub ini masuk menjadi peserta Primera División (Divisi Utama) sejak tahun 1928, dan bersama-sama Real Madrid dan Athletic Bilbao menjadi tim yang tak pernah terdegradasi ke Segunda División (Divisi Dua). Klub ini juga menjadi klub yang menjuarai liga spanyol pertama kali. Dengan persembahan 20 gelar Liga Spanyol, 25 gelar Copa del Rey, 7 gelar Piala Super Spanyol, 3 gelar Liga Champions Eropa, 4 gelar Piala UEFA, 2 gelar Piala Super Eropa, Barcelona menjadi salah satu tim tersukses di Spanyol, Eropa, dan dunia.
</br>Bersama dengan rivalnya Real Madrid, keduanya adalah dua klub sepak bola Spanyol yang paling terkenal di dunia. Fans Barca juga sering dipanggil culés.
</aside>
</div>
<div id="event">
<b> EVENT</b>
<font face=arial black color=#33cccc>
<ul>
<li><b><a href="OPP.html">JADWAL PERTANDINGAN</a></b>
<li><b><a href="OPP.html">FC BARCELONA ASIAN TOUR</a></b>
<li><b><a href="OPP.html">THE DUTCH PLAYER</a></b>
</ul>
</font>
</div>
</section>
<footer>
<div id="bawah">
<a href="tugas maning.html">Home</a> | <a href="OPP.html">Aksesoris</a> | <a href="OPP.html">Fans Area</a> | <a href="OPP.html">Gambar</a> | <a href="OPP.html">Downloads</a>
</div>
</footer>
</body>
</html>
-------------------------------------------------------------------------------------------------------------
CSS
-------------------------------------------------------------------------------------------------------------
body {
margin: 0px auto;
width: 1300px;
}
header{
height:120px;
border: green;
background-image:url(back.png);
}
#gambaratas{
float:left;
width:90px;
height:80px;
background-image:url(asda.png);
margin-left:75px;
}
#teks{
float:left;
width:800px;
height:60px;
background-image:url(barca.png);
margin-left:20px;
}
nav {
height:35px;
border: 1px solid green;
background-color:#0000ff;
}
#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:#660000;
}
#aksesoris {
float:right;
width:100px;
height:25px;
margin-right:500px;
border:1px solid brown;
margin:2px;
text-align:center;
background-color:#660000;
}
#fan {
float:right;
width:100px;
height:25px;
margin-right:500px;
border:1px solid brown;
margin:2px;
text-align:center;
background-color:#660000;
}
#gambar{
float:right;
width:80px;
height:25px;
margin-right:500px;
border:1px solid brown;
margin:2px;
text-align:center;
background-color:#660000;
}
#download{
float:right;
width:100px;
height:25px;
margin-right:500px;
border:1px solid brown;
margin:2px;
text-align:center;
background-color:#660000;
}
#dalam {
width:1300px;}
section {
height:458px;
border: 1px solid green;
}
article {
float:left;
border: 1px solid red;
width:300px;
height:450px;
background-image:url(asss.png);
border:4px solid black;
}
aside {
height:313px;
width:950px;
float:left;
margin-left:5px;
}
#event {
height:145px;
width:988px;
float:right;
border: 1px solid #1082f6;
background-image:url(sss.png);
}
footer{
height:30px;
border:1px solid blue;
padding-left:500px;
background-image:url(back.png)
}
#bawah {
float:left;
width:500px;
height:20px;
font-weight:bold;
margin:2px;
text-align:center;
}
