Web foundations lab

Links and media

Anchors, images, captions, downloadable resources, and media context.

Track progress 0/120 lessons 0/18 missions 12 courses

0%

Continue View profile

01 Links and media Links and media: Relative navigation links

Build relative navigation links inside the persistent Volunteer check-in: Relative navigation links starter project.

Beginner 7 minutes · a, href, img, alt, figure, figcaption 02 Links and media Links and media: Descriptive link text

Build descriptive link text inside the persistent Local event guide: Descriptive link text starter project.

Beginner 7 minutes · a, href, img, alt, figure, figcaption 03 Links and media Links and media: Current-page navigation

Build current-page navigation inside the persistent Study group board: Current-page navigation starter project.

Beginner Checkpoint 7 minutes · a, href, img, alt, figure, figcaption 04 Links and media Links and media: Images with useful alt text

Build images with useful alt text inside the persistent Public resource hub: Images with useful alt text starter project.

Beginner 10 minutes · a, href, img, alt, figure, figcaption 05 Links and media Links and media: Figures and captions

Build figures and captions inside the persistent Creative portfolio: Figures and captions starter project.

Beginner 7 minutes · a, href, img, alt, figure, figcaption 06 Links and media Links and media: Responsive image dimensions

Build responsive image dimensions inside the persistent Course dashboard: Responsive image dimensions starter project.

Beginner 7 minutes · a, href, img, alt, figure, figcaption 07 Links and media Links and media: Downloadable resources

Build downloadable resources inside the persistent Service status page: Downloadable resources starter project.

Beginner 7 minutes · a, href, img, alt, figure, figcaption 08 Links and media Links and media: Media fallback copy

Build media fallback copy inside the persistent Project launch page: Media fallback copy starter project.

Beginner 10 minutes · a, href, img, alt, figure, figcaption

Save progress

Keep learning across sessions.

Create a free account to sync completed lessons, XP, streaks, course status, and your next lesson across sessions.

Checking account status...

Progress sync is idle.

0XP New learnerrank 0day streak 0best streak 0daily streak 0lessons 0courses 0missions 0tasks Noverified

Continue

Progress sync stores completion IDs, scores, streaks, badges, and game settings. Terminal contents, editor snippets, lab scratch, email, and real names are never published on leaderboards or share cards.

Snippet coverage

Patterns you will practice here.

addEventListener

Describe event-driven behavior in the simulated JavaScript lab.

aria-*

Add accessibility metadata only when native HTML is not enough.