142 Elements

142 Elements

The complete guide to HTML elements

Welcome, web explorer!

HTML (HyperText Markup Language) is the foundation of every website you've ever visited. It's the skeleton that gives structure to web content, and mastering it is the first step to becoming a web developer.

This interactive guide covers 101 HTML elements — from the essential <html> tag to modern elements like <dialog> and <template>.

What you'll learn

1.

Document Structure

How HTML documents are organized with <html>, <head>, and <body>.

2.

Semantic Elements

Using <header>, <nav>, <main>, and more for meaningful structure.

3.

Text & Content

Formatting text with paragraphs, headings, lists, and inline elements.

4.

Forms & Interactivity

Building interactive forms with inputs, buttons, and validation.

How to use this guide

Each element page includes:

  • A visual tag display — See the element name prominently displayed
  • Description — What the element is for and when to use it
  • Related elements — Elements that work well together
  • Interactive playground — Edit HTML and see live results

Use the sidebar to browse by category, or search for a specific element. You can also use keyboard shortcuts: n for next, p for previous.

?

Meet the Tag Gang

Learning HTML doesn't have to be dry! The Tag Gang is a cast of characters representing every HTML element. Each tag has its own personality, role, and backstory that reflects what it actually does in web development.

Take the HTML Quiz to test your knowledge and unlock character portraits. Click any unlocked character to discover their backstory — from <html> "The Architect" to <div> "The Versatile Organizer" who secretly dreams of being semantic.