Beginners

These tutorials should be useful for anyone just starting out, as well as for those who have been coding for years but are still using HTML for styling.

To get the most out of them, you should follow the links below in order. For even easier navigation, you will find a link to the next page at the end of every article.

What You See Is not What You Get
Search Engines and Accessibility
Use a Decent Editor – Make your code easy to read and edit
xHTML Basics – A few important rules
Basic xHTML Tags – Paragraphs, links, images, etc.
Absolute, Relative, and Root-Relative URLs (URL = address)
Download the Practice Files
CSS Primer – Examples of CSS at work
CSS Basics – How to style xHTML tags using CSS
Adding Class Names to xHTML Tags – Think “classification”
Styling Those Classes with CSS – Use a dot
xHTML <div> tag – Divide your page into sections
xHTML id attribute – Also includes “jump to” links
Styling ids with CSS – Use a number sign
CSS for layout, part 1
CSS for layout, part 2
CSS for layout: Clearing floats
Lists: Creating them in xHTML and styling them with CSS
More on Styling Lists (also another note on floats)
Link Hover Effects (aka Rollovers)
More on floats. Includes moving that sidebar to the left.
A more coherent design, part 1
A more coherent design, part 2
Inside the Head of a Web Page
xHTML Meta Tags

For more tutorials:

Please see the navigation links in the sidebar, or use the site search.