THE WEB, ONE PIECE AT A TIME
Read the code.
Understand
the why.
A practical lexicon for people who build websites. Clear explanations, useful examples, and the small details that make a big difference.
<!doctype html>
<html lang="en">
<head>
<title>A little curiosity</title>
</head>
<body>
<h1>Hello, possibility.</h1>
<p>Start with understanding.</p>
</body>
</html>What would you like to understand?
46 guides · Built from the basicsHTML
Structure the content. Give every element a purpose.
11 guides · Explore →#CSS
Shape the page. From the box model to responsive layouts.
10 guides · Explore →{ }JavaScript
Add behaviour. Understand what happens and why.
09 guides · Explore →~/Debugging
Find the small mistake behind the big problem.
03 guides · Explore →AaAccessibility
Build pages more people can read and use.
03 guides · Explore →◧Web Design
Make thoughtful choices about type, space and layout.
01 guides · Explore →↗SEO
Help readers and crawlers discover your work.
03 guides · Explore →/Hosting
Understand how your files become a website.
06 guides · Explore →SMALL MISTAKE. BIG DIFFERENCE.
Something looks wrong. Where do you start?
Learn to trace a problem back to the line that caused it.
A good place to begin
All HTML guides →- HTML · Guide
Your first HTML documentGive the browser a clear document, from the doctype to the closing tag.
- HTML · Guide
Headings & paragraphsBuild a readable outline instead of choosing tags by their default size.
- HTML · Guide
Links & file pathsUnderstand where a link goes, and why one missing slash matters.
FROM HAND-WRITTEN HTML TO WORKING WITH AI
Still curious, thirty years later.
My web journey began in the 1990s. This project was developed with AI assistance. The tools changed. The wish to understand stayed.
A CLEAR PLACE TO START
Follow a path. Build understanding.
Four guided routes connect explanations, working examples and a final task.
WORKS HERE. FAILS THERE.
One capital letter can change everything.
Follow three guided cases from a visible symptom to a verified cause.
FROM EXPLANATION TO EXPERIMENT
Six recipes. Plenty to discover.
Try a working preview, read every line and download the complete example.
YOUR CODE. YOUR REPAIR.
Fix this page.
Change the HTML and CSS, see your result and check three small repairs.
THEN. NOW. STILL CURIOUS.
1997 → Today.
Explore three ideas from my early MAoB archive alongside modern HTML and CSS examples.
START WITH YOUR OWN WORDS
Build your first page.
Write, arrange and style a small website. See its code and download a complete HTML file.