your OWN HTML Pages
It should:
1. Contain: header, navigation, content, footer
2. Use well-structured HTML
3. Be error-free and encourage good coding
Let's start with number one there:
HTML document split up in four parts all with different meaning, use the
-tag. Div is short for “division” and isn't header, navigation and so on ...
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=ISO-8859-1">
<title>Your own page title</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="header">
<h1>The name of this page</h1>
</div>
<div id="navigation">
<h2>Navigation</h2>
< ul>
<li><a href="first.html">First[/url]</li>
<li><a href="second.html">Second[/url]</li>
<li><a href="third.html">Third[/url]</li>
</ul>
</div>
<div id="content">
<h2>Content</h2>
<p>Some sample content, add your own here</p>
</div>
<div id="footer">
<p>This page is written by [Your name] and builds
n a
IT Acumens Project Centers.</p>
</div>
</body>
</html>
body {
background-color: Green;
}
div {
border: 3px solid Black;
padding: 7px;
width: 600px;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
}
#navigation {
float: left;
width: 150px;
}
#content {
float: left;
width: 430px;
}
#footer {
clear: both;
}
source : interviewghost
Board Videos
"YOUR OWNHTML PAGES"
Started by smilyflower, Nov 30 2009 12:07 PM
1 reply to this topic
1 user(s) are reading this topic
0 members, 1 guests, 0 anonymous users
Toggle shoutbox
Shoutbox
|
||||||||||
Our Partner websites
Engineering Wall - Engineering Forum - Management Wall - Spicy Flavours- Institute of Finnacial Studies














