body {
margin: 10px auto;
width: 1024px;
}
header,nav,section,footer {
display:block;
}
button input{
height:30px;
width:50px;
border: 1px solid blue;
}
right :hover{
color : blue;
background-color : white;
text-align : center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
header{
background-image: url(reflection.jpg);
font-size : 35px;
font-weight : bold;
text-align : center;
color:lightpink;
height:500px;
width:1024px;
font-family:verdana;
border: 5px solid red;
}
nav{
background-image : url(black.jpg);
height: 50px;
border: 1px solid blue;
font-family: comic sans ms;
font-size: 25px;
color: white;
}
leftmenu{
float: left;
margin-left: 2px;
}
rightmenu{
float: right;
margin-right: 15px;
}
section{
float:left;
background-image : url(big_bang.jpg);
height:538px;
width: 551px;
border: 5px dashed red;
background-color:black;
}
article, aside{
padding-left: 10px;
font-family: courier new;
font-size: 15px;
color: yellow;
border: 5px dashed blue;
}
article{
background-image : url(Audio_Jungle_Wallpaper_8.jpg);
float:right;
width:430px;
height:400px;
line-height: 20px;
}
aside{
background-image : url(Audio_Jungle_Wallpaper_8.jpg);
float:right;
width:430px;
height:129px;
}
footer{
background-image : url(black.jpg);
clear:both;
padding:12px;
border: 1px solid blue;
height: 26px;
font-family: Arial Rounded mt bold;
font-size: 15px;
color: white;
line-height: 20px;
Simpan dengan nama tugaspraktikum.css
Script kedua :
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>WELCOME TO BIG BANG FAN'S CLUB</title>
<link rel="stylesheet" href="tugaspraktikum.css" type="text/css" />
<link rel="icon" type="image/x-icon" href="http://localhost/modul4/anigif.gif"">
</head>
<body>
<header>
<br />
WELCOME TO BIG BANG FAN'S SITE !
<img src="http://localhost/modul4/anigif.gif" />
</header>
<nav>
<leftmenu>
Search <input type="text">
</menukiri>
<rightmenu>
<button>
Home
</button>
<button>
History
</button>
<button>
Profil
</button>
<button>
Album
</button>
<button>
Fan Page
</button>
<button>
Contact Us
</button>
</rightmenu>
</nav>
<section>
</section>
<article>
<br />
<br />
<strong><big>BIG BANG</big></strong> boy band dari Korea Selatan. Kelompok ini terdiri 5 personel, masing-masing mempunyai bagian suara berbeda atau rapping. Mereka dianggap sebagai anggota wajah yang baru dari "Keluarga YG" di bawah asuhan YG Entertainment.[1] Setelah meluncurkan karier mereka pada tahun 2006, Big Bang berhasil populer dan sukses pada tahun 2007 dengan singel "Lies". Kesuksesan ini menempatkan Big Bang sebagai boy band ternama Korea Selatan, dan bersaing dengan grup penyanyi wanita Wonder Girls. Selain dikenal berkat lagu-lagu hit mereka, anggotanya juga dijadikan panutan dalam gaya berbusana
</article>
<aside>
<br/><strong>Berita terkait:</strong>
<ul>
<li>Big Bang Wins Pop Music Awards<br/></li>
<li>Album Slaes For the Month Of august<br/></li>
<li>Big Bang Will Knock Japan<br/></li>
<li>Asian MUSIC eXtreme Awards 2007<br/></li>
</ul>
</aside>
<footer>
<div align="center" face="calibri"> Home | News dan Media | Profil | Album | Downloads
</div>
<marquee direction="alternate">©2011 Tiffany marta.com (109533423245)</marquee>
</footer>
</body>
</html>
Simpan dengan nama tugaspraktikum.html
Screenshoot hasilnya :
Tidak ada komentar:
Posting Komentar