CSS:
body {
margin: 10px auto;
width: 1000px;
border:1px solid black;}
header{
background-color:darkblue;
<img src="file:///C:/wamp/www/mod4/0.jpg" />
height:20px;
}
nav {
background-color: #00FFFF;
padding:10px;
height:40px;
}
section{
height:475px;
}
home{
padding:2px;
background-color:#4169E1;
position:absolute;
top:90px;
left:798px;
height:25px;
width:38px;}
news{
padding:2px;
background-color:#4169E1;
position:absolute;
top:90px;
left:847px;
height:25px;
width:91px;
}
tutorials{
padding:2px;
background-color:#4169E1;
position:absolute;
top:90px;
left:949px;
height:25px;
width:56px;}
tips{
padding:2px;
background-color:#4169E1;
position:absolute;
top:90px;
left:1016px;
height:25px;
width:82px;}
download{
padding:2px;
background-color:#4169E1;
position:absolute;
top:90px;
left:1109px;
height:25px;
width:63px;}
imag{
float:left;
height:466px;
width: 400px;
border:3px solid black;}
article{
float:right;
height:340px;
width: 590px;}
aside{
background-color: #00FFFF;
float:right;
height:130px;
width: 594px;}
footer{
background-color:darkblue;
padding:3px;
height:40px;}
bawah{
position:absolute;
left:500px;
width:500px;
height:20px;}
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Desain Layout Tugas Rumah</title>
<link rel="stylesheet" href="TR.css" type="text/css"/>
<head>
<body>
<header>
<img src="file:///C:/wamp/www/mod4/0.jpg" />
<font FACE="Tahoma" SIZE="15" color="white"><b> TEKNIK ELEKTRO</b></font>
</header>
<nav>
search <input type="text" name="sch">
<home>
<font FACE="Calibri" SIZE="3" color="white">Home</font>
</home>
<news>
<font FACE="Calibri" SIZE="3" color="white">News&Media </font>
</news>
<tutorials>
<font FACE="Calibri" SIZE="3" color="white">Tutorials</font>
</tutorials>
<tips>
<font FACE="Calibri" SIZE="3" color="white">Tips&Tricks </font>
</tips>
<download>
<font FACE="Calibri" SIZE="3" color="white">Download</font>
</download>
</nav>
<section>
<imag>
<img src="file:///C:/wamp/www/mod4/11.jpg" />
</imag>
<article>
1. Kalian Para perempuan bisa tahu kalau seorang laki2 benar2 sakit atau terluka ketika ia menangis di depanmu.
2. Pria tidak suka apabila kamu membicarakan mantannya..
3. Pria mencintaimu lebih dari kamu mencintai mereka, bila mereka serius menjalani hubungan..
4. Pria benar2 berpikir bahwa wanita itu aneh dan tidak bisa di tebak tapi tetap mencintai mereka lebih dari wanita mencintai pria..
5. ketika seorang pria benar2 menyukaimu, dia akan mengesampingkan semua sifat2 jelekmu..
6. Pria bisa tergila2 karena senyum seorang wanita..
7. Pria membenci wanita yang berlebihan/hiperbola..
8. Pria tidak akan bisa bermimpi dan berharap terlalu banyak..
9. Pria akan tergila2 kalau wanita menyentuh tangan mereka..
10. Ketika seorang wanita mengatakan “tidak”, pria menganggapnya sebagai “coba lagi lain kali”..
11. Pria menyayangi ibu mereka..
12. Kamu tidak akan pernah bisa memahami pria kecuali kamu mendengarkan dia..
13. Seperti hawa, wanita adalah kelemahan pria...
</P>
</article>
<aside><b>
EVENTS:
</b>
<p>
<FONT FACE="Calibri" SIZE="2"><b>
<ul>
<li><a href="#">Visual Basic</a></li>
<li><a href="#">Pemrograman Web</a></li>
<li><a href="#">FISTEK</a></li>
<li><a href="#">BIK</a></li>
<li><a href="#">Bikin Puyeng</a></li>
<ul></b>
</font>
</aside>
</section>
<footer>
<bawah>
<a href="./">Home</a> |
<a color="white" href="#">News & Media</a> |
<a color="white" href="#">Tutorials</a> |
<a color="white" href="#">Tips & Tricks</a> |
<a color="white" href="#">Download</a>
</bawah>
</footer>
</body>
</html>TAMPILAN:
^^fLoodie
maav amatiran, semoga bermanfaat
Free Template Blogger collection template Hot Deals SEO
