Welcome to the Solidly Stated article series, “Building Better Web Pages”. This series comprehensively covers building an HTML document: easily learned, but rarely perfected.

The purpose of this series is to help designers build better web pages. I have been an artist since childhood, so perhaps that is why I see writing HTML as an art form. However, today’s development tools and content management systems make knowing whats under the hood all but obsolete. Understanding the foundations of HTML is what separates the wheat from the chaff, as far as designers go.

The following Table of Contents will guide you through an HTML document from <head> to toe. We will start with Semantic HTML, perhaps the most important concept in building better pages. If you would like to see a topic not included, feel free to comment on this page.

  1. Semantic HTML
  2. Doctypes
    1. HTML vs XHTML
    2. Strict vs Transitional
  3. Head Tag and Metadata
  4. Validation and Nested Tags
  5. Proper Markup for Table Tags
  6. Separation of Presentation and Content
  7. Unobtrusive Javascript
  8. CSS Sprites and Rollover Images