>> source code css
#wrapper {
margin:auto;
width: 1000px;
border: 1px solid white;
}
#header{
height: 90px;
background: #930bc0;
}
#ukuran {
float: right
height: 30px;
font-weight:bold;
}
#content {
float: right;
width: 1000px;
height: 420px;
background: #eed8f5;
}
#footer {
clear: both;
height:50px;
background: #9454a4;
}
.bawah {
font-family: cambria;
font-size: 15px;
text-align: center;
font-weight: bold;
color: #ed83e4;
padding: 5px 5px 5px 5px;
}
.tulisan {
font-family: cambria;
font-size: 13px;
text-align: left;
color: #ed83e4;
border: 0px;
}
=======================================================
=======================================================
>> source code html
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>>> Welcome to Your Face <<</title>
<link rel="stylesheet" href="css.css" type="text/css"/>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="ukuran">
<div align="right">
<table class="tulisan", width="1000px"><br>
<tr><td width="50px"></td>
<td>
<img src="yourface.gif", div align="left", height="65" width="200"></td>
<td width="180px"></td>
<td>Email
<br><input name=”email” size="28" width="28" type=”email”/>
<br><input type="checkbox">biarkan saya tetap masuk </td>
<td>Password
<br><input type=”password” name=”pwd” size="30" width="3"/>
<br>Lupa password(?)</td>
<td><div align="right">
<td><a href="http://www.facebook.com/"><img src="masuk.gif", height="22px"></a>
<td width="50px"></td></tr></table>
</td></tr></table>
<td>
<td>
</td></tr></table>
</div>
</div>
</div>
<div id="content">
</div>
<div id="footer">
<div class="bawah">
copyright © 2011 - Gress Production
<br>>> Gress Prettycia Niwinnanda 109533414516 <<
</div>
</div></body>
</html>
=======================================================
=======================================================
>> berikut ini output program setelah dijalankan pada halaman web ..
=======================================================
=======================================================
Tidak ada komentar:
Posting Komentar