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
Part 1 covers:

  • 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
Part 2 covers:

  • Headings
  • Images
  • Links
  • Lists

Read part 2


Anatomy of an HTML page – part 3
Part 3 covers:

  • Comments
  • Tables
  • Special characters

Read part 3


Anatomy of an HTML page – part 4
Part 4 covers:

  • Blockquotes
  • Citing a source
  • Inline quotations

Read part 4


Anatomy of an HTML page – part 5
Part 5 covers:

  • The <head> element
  • CSS
  • Metadata
  • Scripts

Read part 5


HTML lists
BONUS! HTML lists covers:

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

Read HTML lists

Thanks for reading,

John Espirian

Keep in touch

Join 323 others on my free Espresso ☕️ list and you'll receive:

  • 🔍 blog updates
  • 📘 free ebooks
  • 💰 discounts on consultancy
  • 🎟 offers and secret stuff

🔒  No spam, I promise