HTML Tutorials html mini icon

Part 4

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" quot;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.htmll'>About me</a></li>
<li><a href='contact.htmll'>Contact me</a></li>
<li><a href='links.htmll'>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 to ignore all the complicated stuff in DOCTYPE. The rest of the page is pretty simple.

Learn CSS

back arrow12 3

CTRL D to Bookmark
AddThis Social Bookmark Button

resources icon

html-tags

HTML page format tags

partner-button

Html Templates - Website Templates
Do you want your website to be professional, fast and outstanding? - use html templates or flash templates.