Learn HTML & CSS, Visually

An interactive, playground-first curriculum designed to help you write semantic, accessible markup and modern stylesheets.

Module 01

Introduction to HTML

4 Lessons

Module 02

Document Anatomy

5 Lessons

Module 03

Text & Typography

5 Lessons

Module 04

Structural Layout & Semantics

5 Lessons

Module 05

Navigation & Links

4 Lessons

Module 06

Multimedia & Embeds

5 Lessons

Module 07

Lists & Tabular Data

5 Lessons

Module 08

Forms & Interactive Inputs

9 Lessons

Module 09

Semantic SEO & Accessibility

5 Lessons

Module 10

HTML Graphics & Vectors

2 Lessons

Module 11

Web Components & Templates

2 Lessons

Module 12

Microdata, SEO & Optimization

3 Lessons

Module 13

CSS Basics & Syntax

4 Lessons

Module 14

CSS Selectors & Specificity

4 Lessons

Module 15

The Box Model

4 Lessons

Module 16

Colors & Backgrounds

4 Lessons

Module 17

Typography & Text

4 Lessons

Module 18

Layout & Positioning

4 Lessons

Module 19

Flexbox Layout

4 Lessons

Module 20

CSS Grid

4 Lessons

Module 21

Responsive Web Design

4 Lessons

Module 22

Transitions & Transforms

4 Lessons

Module 23

CSS Variables & Functions

4 Lessons

Module 24

Modern Features & Layouts

4 Lessons