Skip to content
Retr0 Academy
Advanced HTML

Course · Advanced

Advanced HTML

Go beyond tags that merely render. Learn how assistive technology reads your page, how browsers validate forms for free, how to draw with canvas and SVG, and how metadata decides what Google and X show for your dApp.

0 of 4 lessons complete

What you will build

An accessible, validated signup form, an animated canvas scene, an inline SVG icon set, and a fully tagged page head ready for search and social cards.

Prerequisites

  • The HTML foundations course, or comfort writing basic pages with headings, links, images, and forms.
Start the course

Lessons

  1. 01Semantics and AccessibilityLandmarks, heading order, accessible names, ARIA only when needed, and keyboard focus.3 min
  2. 02Forms and Native ValidationInput types, constraint attributes, the Constraint Validation API, custom messages, and accessible errors.3 min
  3. 03Media, Canvas and SVGResponsive images, video with captions, drawing and animating with canvas, and inline SVG.3 min
  4. 04Meta Tags, SEO and Social CardsThe document head: charset, viewport, titles, descriptions, canonical URLs, Open Graph, X cards and structured data.2 min
Take the Advanced HTML quiz