HTML and CSS, from one file to a page you can send someone
CodeWithPurpose lessons that build one real page by hand and explain the browser underneath it. Twenty-four chapters: elements, semantic markup, the cascade, the box model, flexbox, grid, accessibility, and publishing. No framework, no build step.
1. What a Website Actually Is
3 chaptersThe journey from a typed URL to a drawn page, the three languages that make it, and your first file open in a browser.
2. The Language of Structure
7 chaptersEvery element you will actually use, what each one means, and why the tag you choose is a claim about content rather than a choice of appearance.
3. The Language of Presentation
5 chaptersGetting styles onto a page, choosing what they apply to, and the two mechanisms — the cascade and the box model — behind most of what confuses people.
4. Putting Things Where You Want Them
4 chaptersNormal flow, then the two systems that replaced twenty years of workarounds, then making one page work on every screen.
5. Building a Real Page
2 chaptersOne page, start to finish. All of the markup before any of the styling, on purpose — and the reason that order matters.
6. Finishing It
3 chaptersMaking it work for everyone, reading what the browser actually did with your code, and getting the result onto the internet.
Open source
Your chapter goes here
Every chapter here was written by a student. Propose your own topic, or fix one that confused you. Drafts stay invisible until they are ready, so nothing you start can break the site.
The first thing you build is a page somebody can open
These lessons are part of CodeWithPurpose's free learning library, built by students, for students, everywhere.