HTML Foundations: Structure, Text, Links, Images, Lists & Forms
Build a fictional bakery's website line by line – skeleton, headings, text, links and paths, images, lists, tables, entities, head and forms – by predicting what the browser does with every line of markup, with every answer checked as you go.
- One-time payment
- Instant access right after payment
- Secure checkout with Stripe
About this course
A hands-on HTML course for complete beginners. You build and audit the website of a fictional bakery line by line and predict what the browser does with every piece of markup: the document skeleton, attributes and correct nesting, headings and the page outline, whitespace and inline text elements, absolute and relative links and ../ paths, images with alt, width and height, page weight, ordered, nested and description lists, tables with colspan and rowspan, block and inline content, character entities, the head with title and meta description, and forms with input types, labels, radio groups and built-in validation. Every lab is checked instantly, and the first lesson is free.
Lessons
- Your First Page: Tags, Elements and the HTML SkeletonFree
- Elements, Attributes and Correct Nesting Locked
- Headings h1–h6 and the Page Outline Locked
- Paragraphs, Line Breaks and How Browsers Treat Whitespace Locked
- Inline Text: strong, em, mark, code and Friends Locked
- Links: Absolute, Relative, Fragments, mailto and tel Locked
- File Paths: ./, ../ and Root-Relative Links Locked
- Images: src, alt, width and height Locked
- Image Formats and Page Weight Locked
- Lists: ul, ol and How Numbering Works Locked
- Nested Lists and Description Lists Locked
- Tables: table, tr, th and td Locked
- Merged Cells: colspan and rowspan Locked
- Block and Inline Elements: What May Go Inside What Locked
- Character Entities: Showing <, > and & Safely Locked
- The head: title, meta description, charset and viewport Locked
- Forms: form, name, value and What Gets Sent Locked
- Input Types and Built-in Validation: min, max and step Locked
- Labels, Radio Groups, Checkboxes and select Locked
- textarea, required, minlength and maxlength Locked
- Final Project: Audit the Bakery's Home Page Locked