The tutorial is being revamped but still kept in sync with this outline. Please check the talk page for specific issues. (I'm reserving this privileged announcement area for the overall status just so you see it without having to check the talk page.) --Jesdisciple (talk) 21:04, February 8, 2011 (UTC)

Elements: Links, images, headers, tables, div/span, head contents (meta?, links, script, style), lists

Topics:

• Introduction
  • Your toolkit
    • Plain-text editor
    • Validators and other checkers
    • All major browsers
    • A debugger for each browser
    • A screen-reader (and optional text-only browser)
  • HTML structure
    • Tags, attributes, comments, doctype
      • Tags vs. elements
    • html, head, body
    • HTML vs. XHTML
  • CSS style
    • Properties, rules, accessors, declarations
    • Why use CSS instead?
      • Avoid the style attribute.
    • Basic CSS precedence

• Common tasks
  • Writing an essay (text-centric HTML)
    • Overall structure: headings, p, section, article, aside, figure
    • Emphasis: em, strong, b?, i?
    • Lists: ol, ul, li
      • Definition Lists: dl, dd, dt
    • Tables: table, tr, ...
      • Tabular data
    • Describing computer interaction: kbd, samp, code
    • Other: abbr, q, blockquote, cite
  • Building a simple site
    • Connecting essays: a, link (rel = first, next, index, ...), nav
    • Tableless design
    • Embedding objects
      • Using images: img
        • alt attribute placement
        • Image interaction: map, area
      • Using audio: audio
      • Using video: video
      • Using other: object
    • Adding a menu: menu
      • Horizontal
      • Vertical
    • Forms: form, input, button, label, output
    • Metadata: meta, title, link (rel = stylesheet, icon, ...)
  • Search-engine optimization (SEO)
  • Bandwidth optimization

• Resources, HTML5 (integrate into main content)

• Appendices
  • Appendix A: A history of the Web
    • The early years
      • SGML was about internal communication and record-keeping.
      • HTML never really was pure SGML, but it's similar.
    • Marketing takes interest; the Great Browser Wars
      • Interoperability and accessibility destroyed
      • Sun's Java and Netscape's JavaScript
      • W3C introduces CSS
    • The emergence of "Web 2.0"
      • XML is an extensible application of SGML.
      • XHTML is an XML reformulation of HTML (and just as "beyond SGML" as HTML).
      • HTML5 bundles the two syntaxes (polyglot FTW!).