HTML: free course

Build the structure of every web page: headings, text, links, images, lists, tables and forms.

19 lessons · free · no account needed · code examples, practice questions and videos

Start lesson 1 Open the interactive course Printable course notes

Lessons

1. 1 HTML introduction: what it is, why we need it, who uses it and your first page
2. 2 How the web works: browsers, servers, URLs, DNS, HTTP and hosting
3. 3 Headings, paragraphs and text structure: the outline of every page
4. 4 Text formatting, quotes and special characters
5. 5 Attributes, classes and IDs
6. 6 The head: title, meta tags, favicon and links
7. 7 Links and images: connecting pages and showing pictures
8. 8 File paths and website folders: absolute, relative and root-relative links
9. 9 Images done right: sizes, formats, figure and lazy loading
10. 10 Lists and tables: organising information clearly
11. 11 Advanced tables: colspan, rowspan, timetables, reports and accessible data
12. 12 Block vs inline elements, div and span
13. 13 Forms: collecting information from users, step by step
14. 14 Form input types and built-in validation
15. 15 Semantic HTML: header, nav, main, section, article, aside and footer
16. 16 Audio, video, YouTube and maps: media and embeds in HTML
17. 17 SEO and accessibility in HTML: be found on Google and usable by everyone
18. 18 Project: build a complete business landing page, step by step
19. 19 Project: build your own portfolio page