<!DOCTYPE html>
<html lang="en">
<head>
<title>testing</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="icon" href="asa.png" type="image/x-icon" />
<div id="header">
<div id="logo">
<font color="white" face="Monotype Corsiva" size=7><b> faceduck </b></font>
</div>
<div id="tabel">
<font color="white" face="Monotype Corsiva" size=4>
<table>
<tr>
<td><u>Email:</u></td>
<td><u>Password:</u></td>
</tr>
<tr>
<td>
<input type="text" >
</td>
<td>
<input type="password" >
</td>
<td><input id="bgbutton" type="button" maxlength=10 value="masuk"></td>
</tr>
<tr>
<td><input type="checkbox" checked>tetap masuk</td>
<td>Lupa password?</td>
</tr>
</table>
</font>
</div>
</div>
</head>
<body>
<div id="isi">
</div>
<div id="footer">
<font color="white" face="Monotype Corsiva">
<marquee>----testing----testing----</marquee>
</font>
</div>
</body>
</html>
--------CSS--------
#header{
height:120px;
background-color:#0033cc;}
#bgbutton{
background-color:#0033cc;
color:#ffffff;
}
#logo{
float:left;
height:100px;
width:150px;
padding-left:200px;
padding-top:30px;
}
#isi{
height:520px;
background-image:URL(bg.jpg);
}
#footer{
padding-left:10px;
height:20px;
background-color:#0033cc;}
#tabel{
padding-top:20px;
padding-right:200px;
float:right;}
No comments:
Post a Comment