Academy
STRUCTURE

HTML Tutorial

The skeleton of every website. Learn elements, attributes, forms, media, tables and semantic layout.

0/16 lessons complete

  1. 01HTML IntroductionWhat HTML is, how browsers read it, and your first page.
  2. 02HTML ElementsTags, content, nesting and empty elements.
  3. 03HTML AttributesExtra information on elements: id, class, src, href, alt, title.
  4. 04Headings & Paragraphsh1–h6, paragraph flow, line breaks and preformatted text.
  5. 05Text Formattingstrong, em, mark, small, del, ins, sub, sup, blockquote and code.
  6. 06LinksAbsolute, relative, anchor and mail links; target and rel.
  7. 07Images & Mediaimg, alt text, sizing, figure, picture, video and audio.
  8. 08ListsUnordered, ordered and description lists, plus nesting.
  9. 09TablesRows, cells, headers, spanning and captions.
  10. 10Forms & Inputsform, input types, labels, select, textarea and buttons.
  11. 11Semantic HTMLheader, nav, main, section, article, aside, footer.
  12. 12The Head & Meta Tagstitle, description, viewport, charset, favicon, Open Graph.
  13. 13Entities & SymbolsEscaping reserved characters safely.
  14. 14Iframes & EmbedsEmbedding maps, videos and other documents.
  15. 15Accessibility BasicsLandmarks, alt text, labels, focus order and ARIA.
  16. 16Project: Build a Profile PagePut every HTML skill together into one real page.