HTML-CSS Demo
This little website demonstrates the advantage of learning CSS along with HTML when building your first website.
Use the navigation buttons on the left side of the page to access different versions of the web page which are created by simply using a different style sheet.
This page is structured using division tags. The code has been simplified and very basic CSS has been used to define its appearance.
The actual HTML for the structure of the page is shown here with all content removed:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" href="index-3.css" type="text/css">
</head>
<body>
<div id="heading">
</div>
<div id="main">
<div id="navigation">
</div>
<div id="content">
</div>
</div>
<div id="footer">
</div>
</body>
</html>
Each page uses the same HTML code. The only code that changes in each version is the name of the style sheet, shown in bold red.