Free tutorial

HTML

The standard markup language for structuring content on the web.

← Frontend Development

1. Introduction to HTML

What HTML actually is, why it's not a programming language, and the basic structure every HTML page shares.

Free

2. Elements, Tags & Attributes

How tags wrap content to form elements, how attributes add extra detail, and why the distinction between the two matters.

Free

3. Headings & Paragraphs

Structuring text with h1–h6 headings and the paragraph tag — and why hierarchy matters more than how big something looks.

Free

4. Text Formatting

Bold, italic, line breaks, and horizontal rules — and why strong/em mean something beyond just looking different.

Free

5. Links

Connecting pages together with the anchor tag — absolute vs. relative links, and the security detail most tutorials skip.

Free

6. Images

Embedding pictures with the img tag, and why alt text is functional, not decorative.

Free

7. Lists

Bulleted lists, numbered lists, and list items — and when to reach for which one.

Free

8. Tables

Rows, columns, and headers for tabular data — and why tables shouldn't be used for page layout.

Free

9. Forms

Collecting input from visitors with form, input, label, and button — and the details that separate a usable form from a broken one.

Free

10. Div, Classes & Id

Grouping content with div, and naming elements with class and id — including why one of them must be unique and the other must not.

Free

11. Semantic HTML

Tags that describe meaning, not just layout — header, nav, main, article, footer — and why they beat a page built entirely from divs.

Free

12. Build Your First Page

A capstone example combining headings, links, images, lists, forms, and semantic tags into one real page.

Free