Source code html
<!doctype html>
<html lang:"lang">
<head>
<title> Rai Mu</title>
<link rel="stylesheet" href="book.css" type="text/css" />
<link rel="icon" href="icon.png" type="image/x-icon" />
</head>
<body>
<div class="head">
<div class="headtengah">
<div class="logofb"><img src="Rai.png">
</div>
<div class="login">
<table>
<tr>
<td>Email</td>
<td>Password</td>
<td> </td>
</tr>
<tr>
<td>
<input type="text" maxlength=50>
</td>
<td>
<input type="password" maxlength=30>
</td>
<td><input id="tombol" type="button" maxlength=10 value="login"></td>
</tr>
<tr>
<td><input type="checkbox" checked><font size=2>Biarkan saya tetap masuk</font></td>
<td><font size=2>Lupa kata sandi?</font></td>
<td> </td>
</tr>
</table>
</div>
</div>
</div>
<div class="body">
</div>
<div class="footer"><align=center>Lay out percobaan Dwi Hananto</align>
</div>
</body>
</html>
Source kode css
.head,.footer{
background-color:#3333cc;}
.head {
height:85px;
padding-left:200px;
padding-top:10px;
padding-bottom:10px;
}
.body {
height:500px;
background-image: url(bg.jpg);
}
.footer {
height:20px;
size:xx-small;
color:white;
padding-left:20px;
}
.headtengah {
width:1000px;
}
.logofb {
float:left;
padding-top:40px;
}
.login {
float:right;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
color:white;
}
#tombol {
background-color:#333399;
color:white;
}
Tampilan web
Tidak ada komentar:
Posting Komentar