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 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

Want relentlessly helpful emails? Join Espresso ☕️

Get writing tips, web advice & goodies.

💙 606 digital caffeine fans

🍩 No spam or the doughnuts are on me • privacy

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.

I work from home in Newport, South Wales and support the (formerly) mighty Liverpool FC 🔴⚽️