Introduction
HTML: page structure, not a bag of tags
The first course if you've never written anything at all. We'll look at what a page is made of, how a paragraph differs from a heading, and why semantics, forms and image alt text matter. By the end you'll build a readable page yourself that both the browser and a screen reader understand.
8 lessons88 min
To the first lessonCheatsheet nowTopics, each as its own lesson
01What a page is made ofDemoTag, attribute, nesting. You can't go further without them.
10 min
02Text: headings, paragraphs, listsA page is read by eyes and by screen readers. The order of headings is the table of contents.
11 min
03Links and imagesWhere a click leads, and what someone who can't see images gets.
11 min
04Semantics and structureheader, main, article aren't "pretty divs". They're a map of the page.
12 min
05Forms and fieldsA field without a label is a trap. A button without a type is a surprise.
13 min
06TablesA table is for data in rows and columns. You don't draw a site menu with it.
10 min
07Media and embeddingVideo, audio, an image for the screen, someone else's page in an iframe.
10 min
08Accessibility and metaA page isn't only read with eyes. Language, title, alt, heading order.
11 min0/8 topics open. This is the course intro, not the whole course on one page.