Anatomy of an HTML page

Anatomy of an HTML page

This 5-part series covers the basics of HTML – the language of the web.

Anatomy of an HTML page – part 1
  • Elements: the building blocks of HTML
  • Creating an HTML document
  • Building the hierarchy
  • Page titles
  • Paragraphs and formatting

Read part 1

Anatomy of an HTML page – part 2
  • Headings
  • Images
  • Links
  • Lists

Read part 2

Anatomy of an HTML page – part 3
  • Comments
  • Tables
  • Special characters

Read part 3

Anatomy of an HTML page – part 4
  • Blockquotes
  • Citing a source
  • Inline quotations

Read part 4

Anatomy of an HTML page – part 5
  • The <head> element
  • CSS
  • Metadata
  • Scripts

Read part 5

HTML lists
  • Ordered lists
  • Alternative list styles
  • Changing or restarting list numbering
  • Reverse-ordered lists
  • Unordered lists
  • Multilevel lists
  • Interactive examples

Read HTML lists

Subscribe for tips

🍩 No spam or the doughnuts are on me • privacy

Join 521 others on my free Espresso ☕️ email list to receive:

  • blog updates
  • free ebooks
  • discounts on consultancy
  • offers and secret stuff

Who wrote this?

John Espirian freelance technical copywriter

John Espirian – the relentlessly helpful technical copywriter

I write B2B web content, blogs, user guides and case studies – all aimed at explaining how your products, services and processes work. I also offer LinkedIn profile critiquing and rewriting.

Status: way too optimistic about Liverpool's 2019 Premier League challenge 🔴⚽️