Web foundations lab

HTML basics

Documents, headings, paragraphs, lists, attributes, and readable markup.

Track progress 0/120 lessons 0/18 missions 12 courses
0%
Continue View profile
01 HTML basics HTML basics: Document shell

Build document shell inside the persistent Community workshop: Document shell starter project.

Beginner 7 minutes · html, body, h1, p, ul, class
02 HTML basics HTML basics: Page title and language

Build page title and language inside the persistent Neighborhood library: Page title and language starter project.

Beginner 7 minutes · html, body, h1, p, ul, class
03 HTML basics HTML basics: Heading hierarchy

Build heading hierarchy inside the persistent Volunteer check-in: Heading hierarchy starter project.

Beginner 7 minutes · html, body, h1, p, ul, class
04 HTML basics HTML basics: Readable paragraphs

Build readable paragraphs inside the persistent Local event guide: Readable paragraphs starter project.

Beginner 10 minutes · html, body, h1, p, ul, class
05 HTML basics HTML basics: Ordered task lists

Build ordered task lists inside the persistent Study group board: Ordered task lists starter project.

Beginner 7 minutes · html, body, h1, p, ul, class
06 HTML basics HTML basics: Unordered feature lists

Build unordered feature lists inside the persistent Public resource hub: Unordered feature lists starter project.

Beginner 7 minutes · html, body, h1, p, ul, class
07 HTML basics HTML basics: Description lists

Build description lists inside the persistent Creative portfolio: Description lists starter project.

Beginner 7 minutes · html, body, h1, p, ul, class
08 HTML basics HTML basics: Emphasis and importance

Build emphasis and importance inside the persistent Course dashboard: Emphasis and importance starter project.

Beginner 10 minutes · html, body, h1, p, ul, class
09 HTML basics HTML basics: Quoted content

Build quoted content inside the persistent Service status page: Quoted content starter project.

Beginner 7 minutes · html, body, h1, p, ul, class
10 HTML basics HTML basics: Dates and machine-readable time

Build dates and machine-readable time inside the persistent Project launch page: Dates and machine-readable time starter project.

Beginner 7 minutes · html, body, h1, p, ul, class
11 HTML basics HTML basics: Data attributes

Build data attributes inside the persistent Accessible recipe: Data attributes starter project.

Beginner 7 minutes · html, body, h1, p, ul, class
12 HTML basics HTML basics: Reusable class names

Build reusable class names inside the persistent Reading list: Reusable class names starter project.

Beginner 10 minutes · html, body, h1, p, ul, class
Snippet coverage

Patterns you will practice here.

class / id

Name elements so CSS and behavior can target them predictably.