Source code :
a. CSS-nya
body {
margin: 10px auto;
width: 750px;
background-color : black;
}
header,nav,footer{
display:block;
border:1px solid black;
}
logo{
margin-top : 75px;
margin-left : 10px;
margin-right :10px;
float : left;
height : 100px;
}
tulisan{
margin-left : 70px;
margin-top : 130px;
float : left;
height : 100px;
}
header{
background-image: url(images/sma.jpg);
height:300px;
}
nav{
padding : 8px;
height:20px;
background-image: url(images/awan.jpg);
}
section,article,aside{
display:block;
border:1px solid black;;
}
section{
float:left;
height:480px;
width : 295px;
padding :5px;
background-color : blue;
}
article{
-moz-border-radius : 5px;
padding :2px;
float:right;
width: 435px;
height:345px;
background-color : blue;
}
aside{
padding: 2px;
float:right;
width: 430px;
height:130px;
background-color:#80aa5b;
-moz-border-radius : 5px;
-webkit-border-radius: 5px;
border : 3px solid green;
}
footer{
clear:both;
height:20px;
background-image: url(images/awan.jpg);
}
button{
float: right;
margin-left:5px;
outline-width: 0;
border: 1px solid #000;
border-radius: 30px;
-moz-border-radius: 30px;
background-color : green;
color : black;
}
b. HTML-nya
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>SMAN 1 Rogojampi</title>
<link rel="stylesheet" href="tugas4.css" type="text/css"/>
<link rel="icon" type="image/icon" href="image/icon.jpg">
</head>
<body>
<header>
<logo>
<img src="images/logo.png">
</logo>
<tulisan>
<img src="images/rogojampi.png">
</tulisan>
</header>
<nav>
<input type="submit" name="sa" value="Search" />
<input type="text" name="q" size="22" />
<script type="text/javascript" src="/cse/brand?form=cse-search-box&lang=en"></script>
<button style="font: bold 14px verdana">Prestasi</button>
<button style="font: bold 14px verdana">Guru</button>
<button style="font: bold 14px verdana">Profil</button>
<button style="font: bold 14px verdana">Home</button>
</nav>
<section>
<img src="images/2.jpg">
<img src="images/3.jpg">
</section>
<article>
<h3 align="center"> Awan dan Firma Pa-Pi SmanRog 2010</h2>
<p>
Dwi Setiawan dari kelas XI IPA dan Firma Yudha (XI IPA ) terpilih sebagai Putra dan Putri Smanrog 2010, Sabtu (11/4). Keduanya berhasil menyisihkan 63 peserta, setelah melewati berbagai tes, seperti tes akademik (tertulis IPA/IPS), wawancara, tes kpribadian, tes pengetahuan umum, bakat dan seni, serta olahraga.<p>
<p>
Siswahyudi S.Pd, salah satu juri untuk lomba Putra-Putri Smanrog 2010 menjelaskan, tujuan pemilihan Putra-Putri Smanrog 2010 adalah untuk menyalurkan kreativitas siswa melalui kegiatan positif. �Dalam hal ini, siswa dituntut memiliki tanggung jawab menjadi duta atau perwakilan dalam event-event di luar sekolah,� ujar Siswanto. Ditambahkannya, kegiatan tersebut merupakan agenda tahunan dari OSIS SMAN 1 Rogojampi.</p>
</article>
<aside>
<h3>Berita terkini :</h3>
<a href="terima-kasih-bapak.html">Guru kita yang telah pensiun</a><br>
<a href="terima-kasih-bapak.html">SMAN 1 Rogojampi berkreasi</a><br>
<a href="terima-kasih-bapak.html">Hotspot Baru SMAN 1 Rogojampi</a>
</aside>
<footer>
<font align="center">© alif akbar fitrawan</font>
</footer>
</body>
</html>
Tidak ada komentar:
Posting Komentar