HTML/CSS tutorials mini css icon html mini icon

Part four

Author: Derek Duban of www.upwithabang.com for how-to docs on web development and free plug-in services for your site.

Example HTML file (index.html)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>
<head>
<title>My web site</title>
<style type="text/css"> @import url(index.css); </style> </head>
<body>
<div id='header'>Welcome</div>
<div id='menu'>
<ul>
<li><a href='about.html'>About me</a></li>
<li><a href='contact.html'>Contact me</a></li>
<li><a href='links.html'>Links</a></li>
</ul>
</div>
<p> Thanks for visiting my web site. Please choose a page from the menu on the left.</p>
</body>
</html>

Most of the information above is rather self-explanatory. DOCTYPE tells the browser that this is an HTML document. At this point it is easier just toforwardarrow ignore all the complicated stuff in DOCTYPE. The rest of the page is pretty simple.

Learn CSS