gambar logo disimpan dengan nama : ayu 2.png
-kemudian isikan lah pada notepad:
<html>
<head>
<title>Membuat Tampilan GOOGLE </title>
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
<!--
.style1 {color: #FFFFFF}
-->
</style>
</head>
<body>
<div class="style1" id="header">
</div>
<div id="tengah">
<table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4"><div align="center"><img src="ayu 2.png" alt="" width="150" height="100" border="0"></div></td>
</tr>
<tr>
<td colspan="4"> </td>
</tr>
<tr>
<td colspan="4">
<input name="textfield" type="text" size="100">
</td>
</tr>
<tr>
<td colspan="4"> </td>
</tr>
<tr>
<td colspan="4"><div align="center">
<input type="submit" name="Submit" value="Penelusuran Saya">
<input type="submit" name="Submit2" value="Saya Lagi Beruntung">
</div>
</td>
</tr>
</table>
</div>
<div id="footer"></div>
</body>
</html>
dengan nama : my google.html
-tambahkan file css:
#header {
position :relative;
width :auto;
padding-top :10px;
padding:10px;
background-color :#000000;
text-align :left;
}
#tengah{
margin :auto;
margin-top :50px;
padding-bottom :40px;
background-color :#FFFFFF;
}
dengan nama : style.css
Tidak ada komentar:
Posting Komentar