New to xHTML and CSS? The tutorials start here.

Beginners

Runboard.com free message boards

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.

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

For more tutorials:

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

More information at w3schools.com:

 

Lesigns Web Hosting Solutions