//tugas.css
body {
margin: 10px auto;
width: 1300px;
}
header{
height:100px;
border: red;
background-image:url(gb1.jpg);
background-repeat: repeat-x;}
#gambaratas{
float:left;
width:141px;
height:80px;
background-image:url(logo1.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(samuraix.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 Rumah</title>
<link rel="stylesheet" href="tugas.css" type= "text/css" />
</head>
<body>
<header>
<div id="gambaratas"></div>
<div id="teksatas">
<Font color = "#851a1a" align = "center" face= "Forte"> - Samurai X -</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>Samurai X memiliki judul asli Rurouni Kenshin (??????) ialah manga dan anime karya Nobuhiro Watsuki yang berlatar belakang awal dari era Meiji di Jepang. Manga ini terbit di majalah mingguan Shonen Jump dan telah dibukukan menjadi 28 seri buku. Di Indonesia manga ini diterbitkan oleh Elex Media Komputindo pada tahun 2002 dengan judul Samurai X.
Nama Samurai X pertama kali digunakan oleh ADV Films dalam merilis anime Rurouni Kenshin di Amerika. Nama ini diambil dari tanda luka berbentuk X di wajah Kenshin.
Rorouni Kenshin menceritakan tentang pengembaraan seorang samurai legendaris, nama lainnya adalah Kenshin Himura. Untuk beberapa tahun ia hidup menjadi Battousai Si Pembantai. Dia adalah yang terbaik dari semua pembunuh bayaran yang terbaik. Ia memiliki teknik yang sempurna. Dia sukses berkat Shishio Hiko Seijuro. Beberapa tahun, dia melihat, merasakan, dan hidup dari darah para musuhnya. Pembunuhan terjadi dari ketakutan dan perlawanan dia. Dia ingin keluar dari hidup ini, dan ingin hidup damai. Seseorang tau bahwa Battousai si pembantai adalah Kenshin Himura.
Kaoru, seorang gadis yatim piatu; Sanosuke, nama dari mati dan darah; Yahiko, diselamatkan oleh Kenshin dan menjadi muridnya; Megumi, Doctor wanita. Pengembara samurai itu telah melupakan masa lalunya dan kini ia menjalani hidupnya yang sekarang. Si samurai tidak pernah menggunakan pedangnya lagi. Dia telah memiliki pedang baru, ? mata pedang terbalik? dia berjanji tidak akan membunuh lagi. Tapi suatu waktu, Battousai tidak pernah mati. Dalam pengembaraannya Kenshin Himura menemukan tentang kota Tokyo dan Kyoto, berjumpa dengan musuh dan sahabat-sahabatnya. Tapi mata pedang kebalik itu untuk kebaikan atau untuk kehidupannya?
</aside>
</div>
<div id="agenda">
<b> AGENDA</b>
<font face=arial black color=#33cccc>
<ul>
<li><b><a href="release.html">Release New Anime Series</a></b>
<li><b><a href="shounen.html">Shounen Jump Magazine</a></b>
<li><b><a href="cos.html">Cos Play Festival</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>
