<html>
<head>
<title>Praktikum Style Sheet</title>
<style type="text/css">
h4.as_internal {
color: #00FF00; font-family; tahoma, verdana, geneva, lucida, 'lucida granade', arial, helvetica, sans-serif; font-size: 14px; font-weight: bold;
}
td.as_internal {
background-solor: #FFFFFF;
}
</style>
<link href="mystyle.css" rel="stylesheet" type="text/css"></link>
</head>
<body>
<table align="center" border="1" style="width: 780px;">
<tr>
<td class="as_external" colspan="3"><h4 class="as_external">
Penggunaan Style Sheet External</h4>
</td>
</tr>
<tr>
<td class="as_internal" colspan="3"><h4 class="as_internal">
Penggunaan Style Sheet Internal</h4>
</td>
</tr>
<tr>
<td colspan="3" style="background-color: lightskyblue;"><h4 style="color: blue; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 14px; font-weight: bold;">
Penggunaan Style Sheet Inline</h4>
</td>
</tr>
<tr>
<td colspan="3"><h4>
Tanpa Penggunanaan Style Sheet</h4>
</td>
</tr>
<tr align="center">
<td class="as_internal"><a href="https://www.blogger.com/index.html">Index.html</a></td>
<td class="as_internal"><a href="https://www.blogger.com/aboutme.html">Aboutme.html</a></td>
<td class="as_internal"><a href="https://www.blogger.com/guestbook.html">Guestbook.html</a></td>
</tr>
<tr><td colspan="3"><hr />
</td></tr>
<tr>
<td>Nama</td>
<td colspan="2"><input class="inputbox" name="text1" size="100" type="text" value="" /></td>
</tr>
<tr>
<td>Alamat</td>
<td colspan="2"><input class="inputbox" name="text2" size="100" type="text" value="" /></td>
</tr>
<tr><td colspan="3"><hr />
</td></tr>
<tr>
<td colspan="3">
<input class="button" type="submit" value="Submit" />
<input class="button" type="reset" value="Reset" />
</td>
</tr>
</table>
</body>
</html>
@charset "utf-8";
/* Body */
body {
background: #D4D0C8;
margin: 0px;
}
/* Heading */
h4.as_external {
color:#FF0000;
font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
font-size: 14px; font-weight:bold;
}
/* Link */
a:link, a:visited {
font-size: 11px;
color:#333333;
text-decoration: none;
font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
a:hover {
color:#FF0000; text-decoration: underline;
}
/*Horizontal Line*/
hr {
background: #0000FF; height:13px; border:1px solid #000000;
}
/* Button */
.button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 10px;
border-style: solid;
padding: 0;
height: 16px;
border: 1px solid #999;
color:#30348D;
cursor: hand;
}
td.as_external {
background-color: #EDF5FE;
}
/* Text */
.inputbox {
font-family:tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
font-size: x-small;
color: #333333;
background::#FFFFFF;
border: 1px solid;
height: 18px;
line-height: 13px;
}
td.as_external {
background-color:#EDF5FE;
}
0 komentar:
Posting Komentar