Module 02 of 14

HTML

Lessons

About This Module

HTML is the skeleton of every page on the web — the markup that gives content its structure and meaning before any styling or scripting touches it. This module covers semantic elements, document structure, and the building blocks you'll reach for in almost every project: text, links, images, forms, and tables.

Writing HTML well from the start makes everything downstream easier, cleaner CSS, easier debugging, and pages that are accessible by default. Work through these lessons in order, then move on to CSS to start styling what you've built.

Lessons

6 videos · 1 article
01

HTML Document Structure & Boilerplate

The anatomy of an HTML file: doctype, head, body, and the essential meta tags every page needs.

02

Semantic HTML Elements

Why tags like <header>, <main>, <article> and <section> matter more than plain <div>s.

03

Text, Headings & Lists

Structuring readable content with headings, paragraphs, and ordered/unordered lists.

04

Links & Images

Connecting pages with anchors and embedding media with proper alt text for accessibility.

05

Forms & Inputs

Building forms with labels, input types, and validation attributes that work without JavaScript.

06

Tables & Other Elements

Marking up tabular data correctly, plus a tour of other useful elements you'll run into.

07

HTML Reference Guide

A written reference covering the module's elements and attributes — good for a quick lookup after watching the videos.

Article