HTML from scratch to a page
A progressive path in 7 lessons. Each lesson points to editable examples and ready snippets.
1Structure of an HTML document
DOCTYPE, html, head, body, and the minimum anatomy of a page.2Semantics and landmarks
header, nav, main, article, section, aside, and footer with purpose.3Links, images, and media
a, img with alt, figure/figcaption, and picture for responsiveness.4Accessible forms
label, input, button, fieldset, and native HTML validation.5Tables and lists
ul, ol, dl, and data tables with thead, th, and scope.6Basic HTML accessibility
Focus order, skip link, alt, labels, and useful landmarks.7Project: complete page
Build a profile page with landmarks, content, and a form.
DOCTYPE, html, head, body, and the minimum anatomy of a page.2Semantics and landmarks
header, nav, main, article, section, aside, and footer with purpose.3Links, images, and media
a, img with alt, figure/figcaption, and picture for responsiveness.4Accessible forms
label, input, button, fieldset, and native HTML validation.5Tables and lists
ul, ol, dl, and data tables with thead, th, and scope.6Basic HTML accessibility
Focus order, skip link, alt, labels, and useful landmarks.7Project: complete page
Build a profile page with landmarks, content, and a form.