HTML
16 lessons covering document structure, content, media, forms and accessibility, with live examples and a profile-page project.
Every chapter is an island. Finish its lessons, beat its challenge, and sail on ⛵
Island 1
Document foundations
- What is HTML?Tags, and your very first page.5 min2 🎮
- Metadata and languagetitle, charset, viewport and writing direction.8 min2 🎮
- Attributes and character referencesid, class, data-* and reserved characters.8 min2 🎮
- Headings, paragraphs and formattingFrom h1 to h6, plus bold and italic.6 min3 🎮
Island 2
Content and media
- LinksConnect pages with <a>.6 min3 🎮
- ImagesAdd an image with <img> and describe it.5 min3 🎮
- ListsBulleted and numbered lists.5 min3 🎮
- TablesRows and columns with table, tr and td.7 min2 🎮
- Responsive images and mediapicture, audio, video and text alternatives.8 min1 🎮
Island 3
Forms
- Forms and inputsCollect data from visitors: text, email and choices.8 min3 🎮
- Grouping form controlsradio, select, textarea and fieldset.8 min2 🎮
- Form validation and submissionrequired, min, maxlength and GET versus POST.8 min1 🎮
Island 4
Structure and accessibility
- Semantic HTMLheader, nav, main, footer: name every part.6 min2 🎮
- Keyboard and screen-reader accessClear names, natural order and native controls.8 min2 🎮
- Disclosure with detailsNative interaction without JavaScript.8 min2 🎮
- Project: your profile pagePut everything together in one page.10 min1 🎮