THE OPEN NOTEBOOK BY DECT
Understand the web.
One idea at a time.
Simple lessons. Practical examples. A little space to experiment.
Learn HTML and CSS at your own pace, without the noise.
Free to read. Yours to download. No account needed.
THE WEB, SIMPLIFIED01—03
01
<h1>An idea.</h1>STRUCTURE02
h1 { color: #141414; }STYLE03 / THE RESULT
An idea.
A few lines. Something real.Read it. Change it. See what happens. ↗
01 / READ
Make sense of the idea.
02 / TRY
Change a working example.
03 / KEEP
Download it for later.
YOUR LEARNING PATH
A solid place to begin.
01Your first HTML pageStart with a document, not a blank screen.HTML7 min02Headings & textGive your writing a clear, meaningful hierarchy.HTML6 min03Links & navigationConnect pages, sections and useful destinations.HTML6 min04Images & alternativesAdd images that communicate without slowing the page.HTML7 min05Meaningful page structureMake a page understandable beyond its appearance.HTML7 min06Forms & labelsCollect information with clear, accessible controls.HTML9 min07Tables for real dataPresent comparisons without using tables for layout.HTML6 min08Accessible by defaultBuild small habits that make your pages easier to use.HTML8 min09Your first stylesheetTurn a document into a consistent visual system.CSS8 min10Type, space & the box modelMake content comfortable to read before decorating it.CSS8 min11Responsive foundationsMake one page work across different screen sizes.CSS9 min12Display & positioningUnderstand flow, Flexbox, Grid and where everything belongs.CSS25 min
No lessons found.
Try “images”, “forms” or “CSS”.
KEEP THIS ONE CLOSE
When a layout won’t listen.
Our complete display and positioning guide: 12 sections,
interactive examples and answers to the everyday “why?”.
You don’t have to learn everything today.
Understand one thing. Then build on it.