Quick Start Guide · 03 · Beginner
Build a page people can see.
HTML gives a page its structure. CSS gives it a look. In one sitting you'll build both by hand and finally understand what every website is made of.
30-day money-back guarantee. Payment is handled by Paddle, our Merchant of Record. See the refund policy and terms.
Quick Start Guide · 03
HTML & CSS
Give CheckMate
a face
Beginner
What's inside
Seven chapters, from blank file to finished page.
01
What a web page really is
How a browser turns a plain text file into the page you see, and why HTML and CSS are two different jobs.
02
Your first HTML file
Tags, elements, and the page skeleton — written by hand, opened in your own browser, in under ten minutes.
03
Structure that makes sense
Headings, lists, links, forms, and the handful of elements that cover almost everything you'll build.
04
CSS: making it yours
Selectors, colors, type, and spacing — including the box model, explained without the diagrams that confuse people.
05
Layout without the fight
Flexbox and grid in the small, practical doses that handle real layouts, plus making it work on a phone.
06
Styling CheckMate
Turn the task list into a real interface: a form, a list of tasks, states for done and not done.
Look inside
Three real pages from the 29-page PDF.
Rendered straight from the file you'll download — an explanation, a worked step, and a page from the build. No mock-ups, no stock screenshots of someone else's screen.
CheckMate — the small task tracker every SecondNature code guide builds — is what these pages are working towards. Foundations gets it running; Level 2 makes it real. See the rest of the collection →
Who it's for
People who want to point at something and say: I made that.
You've filled in templates, nudged a website builder, maybe pasted a snippet you didn't understand. This guide replaces the guessing with a working mental model you can use on any page, any theme, any builder.
No framework, no build tools, no account. A text file and a browser you already have.
Questions
Before you buy
Do I need the earlier guides?
No. HTML and CSS stand completely on their own — this is the most beginner-friendly guide in the series.
Do I need to install anything?
No. A plain text editor and the browser already on your computer are enough. Setup takes minutes, not hours.
Is this just theory?
No. You build a real page step by step, then style CheckMate's task list into an interface you'd actually show someone.
What do I get after checkout?
An instant download link for a clean, print-friendly PDF. Yours to keep, on any device or printed.
The collection this belongs to
All five Foundations guides for $51.
Python, SQL, HTML and CSS, JavaScript, and Git — the five guides that take a task tracker from an empty folder to a published project. Read in any order, each one stands alone.
Python · SQL · HTML & CSS · JavaScript · Git · 129 pages in total
$51
$60 bought separately · save $9
Instant download · 30-day money-back guarantee · payment handled by Paddle.
One file, one browser, one real page.
29 pages · $12 · instant download · yours to keep.
Free sample chapter
Read chapter one before you spend anything
Seven pages from the Python guide — the start of CheckMate, the small task tracker the code guides build. It shows you exactly how a guide reads: what the tool is for, where it fits in a real app, and how the next guide picks the project up. Send us an address and it lands in your inbox in a moment.