langsung saja saya kasih kodigannya;
index.html
<html lang="en">
<head>
<title>:::membuat tampilan website:::</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="bangus.css">
</head>
<body>
<img src="taruna.jpg" height="250" width="1500">
</div>
<div class ="header">
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="https://www.w3schools.com/">News</a></li>
<li><a href="https://www.w3schools.com/">Contact</a></li>
<li><a href="https://www.w3schools.com/">About</a></li>
<li><a href="https://www.w3schools.com/">About</a></li>
<li><a href="https://www.w3schools.com/">About</a></li>
<li><a href="https://www.w3schools.com/">About</a></li>
<li><a href="https://www.w3schools.com/">About</a></li>
<li><a href="https://www.w3schools.com/">About</a></li>
<li><a href="https://www.w3schools.com/">About</a></li>
<li><a href="https://www.w3schools.com/">About</a></li>
</ul>
</div><br>
<div class="teks">
<table width="405" height="169" border="0" cellpadding="0" cellspacing="0">
<tr bgcolor="#428ef6">
<td height="37" colspan="2"><div align="center"><strong>PLEASE LOGIN</strong></div></td>
</tr>
<div class="makan">
<tr>
<td width="95" height="32">Username</td>
<td width="304"><label>:
<input name="username" type="text" id="username" />
</label></td>
</tr>
<tr>
<td height="26">Password</td>
<td><label>:
<input name="password" type="password" id="password" />
</label></td>
</tr>
<tr>
<td height="48"> </td>
<td><input name="Login" type="submit" id="Login" value="Login" />
<input name="Batal" type="submit" id="Batal" value="Batal" /></td>
</tr></div>
</table>
</div>
<div class="aku">
<center><img src="tb.png" ></center><hr>
</div>
</div><br><br><br><br>
<div class="footer">
<marquee >@FHARHAN AMRIN.com</marquee>
</div>
</body>
</html>
.header{
background-color:#7B68EE;
color:red;
text-align:center;
padding:2px;
padding-left:400px;
}
.section{
width:350px;
float:left;
padding:10px;
}
.footer{
background-color:blue;
color:gold;
clear:both;
text-align:center;
padding:5px;
}
.teks{
background-color:blue;
height:30px;
width:30px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
li {
float: left;
}
a:link, a:visited {
display: block;
width: 125px;
font-weight: bold;
color: gold;
background-color:blue ;
text-align: center;
padding: 5px;
text-decoration: none;
text-transform: uppercase;
}
a:hover, a:active {
background-color: black;
}
kurang lebih nya mohon maaf.karena waktunya sangat mepet.TOLONG JANGAN COPY DAN PASTE TANPA IJIN.JIKA IGIN MENGCOPY IJIN DULU MELALUI PAPAN KOMENTAR.tutorial selanjutnya saya akan membuat menu drop down.terimakasih sekian.
No comments:
Post a Comment