HTML

HTML Tutorial

Build the structure of web pages – elements, links, images, tables, forms and semantic HTML.

Start lesson 1 Take the quiz Cheat sheet
12 lessons

HTML is the language every web page is written in. In this track you start from an empty file and learn how to mark up headings, paragraphs, links, images, lists, tables and forms – and how to use semantic elements so that browsers, search engines and screen readers understand your page.

Every lesson has examples you can edit and run in your browser, a short quiz and a practice exercise. No setup is needed – just a browser.

  1. 1 HTML IntroductionLearn what HTML is, how browsers read it, and how a basic web page is structured, with a first example…
  2. 2 HTML Editors and Your First PageChoose a code editor, create your first .html file, open it in a browser and learn to inspect, comment and…
  3. 3 HTML Elements and AttributesUnderstand how HTML elements are built, which elements are empty, how nesting works and how attributes like id, class and…
  4. 4 HTML Headings, Paragraphs and FormattingStructure text with headings and paragraphs, and use formatting elements like strong, em, mark, blockquote and code for their real…
  5. 5 HTML LinksCreate links with the a element: absolute and relative URLs, jump links within a page, email and phone links, new…
  6. 6 HTML ImagesAdd images with the img element, write useful alt text, prevent layout shifts with width and height, lazy-load, caption with…
  7. 7 HTML ListsUse unordered, ordered and description lists correctly, nest lists inside each other and build an accessible navigation menu from a…
  8. 8 HTML TablesBuild accessible data tables with caption, th, scope, thead, tbody and tfoot, merge cells with colspan and rowspan, and keep…
  9. 9 HTML FormsCollect user input with accessible HTML forms: labels, input types, select, textarea, radio buttons, checkboxes, fieldsets and built-in validation.
  10. 10 HTML Semantic ElementsStructure whole pages with header, nav, main, article, section, aside and footer, and learn when a plain div or span…
  11. 11 HTML Audio and VideoEmbed sound and video with the audio and video elements, offer several formats, add captions with track, and use autoplay…
  12. 12 HTML Head, Meta Tags and SEOSet up the head of every page: title, meta description, viewport, charset, canonical link, Open Graph tags and favicons for…