Senin, 14 Februari 2011

Studi Kasus Modul 3

 


Syntax : <!DOCTYPE html>
<html lang="en">

<head>
<title>Selamat datang di Face-mu, ...</title>
<link rel="shortcut icon" href="icon.png">
<style type="text/css">
<!--
.box1 {
float: right;
padding: 5px;
height: 100px;
}
.box2 {
float: right;
padding: 5px;
height: 100px;
}
#header{
height: 80px;
background: #4169E1;
}
#logo{
float: left;
padding-left: 100px;
padding-top: 20px;
}

.box3 {
}
.box4 {
width: 1950px;
height: 25px;
background: #4169E1;
text-align:left;
font-size:15px;
color:#fff
}
-->
</style>
</head>

<div id="logo">
<img src="facemu.png">
</div>

<form>
<div id="header">
<div class="box2">
<br><input type="button" value="masuk">
<br>
</div>

<div class="box1">
Password <br><input type="text" size="25">
<br>Lupa kata sandi anda?
</div>

<div class="box1">
Email <br><input type="text" size="25">
<br><input type="checkbox">Biarkan saya tetap masuk
</div>
</div>

<div class="box3">
<img src="bg.jpg" width='1950' height='365'>

<div class="box4"> Face-mu © 2011 - Melisa Production
</div>

</form>
</body>
</html>

Tidak ada komentar: