Track
html
HTML
Semantic markup, accessibility, forms, and the document object model.
- Mode
- iframe_html
- Practice
- HTML preview sandbox
- Lessons
- 58 units
Reference desk
Lookup tags, global attributes, events, encodings, and HTTP basics alongside the lesson track.
Open HTML reference →Before you start
HyperText Markup Language—the semantic skeleton of web pages: structure, accessibility, forms, and media.
Every web UI and email-like document starts with markup; bad HTML breaks SEO, assistive tech, and CSS layouts.
Websites, hybrid apps, email templates, design systems, and CMS-driven content.
Long lesson track with iframe HTML playgrounds, MCQs, and an optional HTML reference desk.
First hands-on web track—before or in parallel with CSS; required foundation for JavaScript DOM work.
Lesson order
Sequential — follow top to bottom58 lessons are live in this track. Start from step 01 for the smoothest path.
-
01 intro Introduction to HTML
beginner
Open → -
02 editors Editors and workflow
advanced
Open → -
03 basics HTML basics
advanced
Open → -
04 elements HTML elements
advanced
Open → -
05 attributes HTML attributes
advanced
Open → -
06 headings Headings and sections
advanced
Open → -
07 paragraphs Paragraphs and line breaks
advanced
Open → -
08 inline-styles Inline styles and presentation
advanced
Open → -
09 formatting Text formatting
advanced
Open → -
10 quotations Quotations and citations
advanced
Open → -
11 comments Comments
advanced
Open → -
12 colors Colors in HTML history and today
advanced
Open → -
13 html-and-css How HTML and CSS work together
advanced
Open → -
14 links Links and URLs
beginner
Open → -
15 images Images
beginner
Open → -
16 favicon Favicon
advanced
Open → -
17 head Document head
advanced
Open → -
18 tables Tables
beginner
Open → -
19 lists Lists
beginner
Open → -
20 block-inline Block and inline elements
advanced
Open → -
21 div-span Div and span
advanced
Open → -
22 classes The class attribute
advanced
Open → -
23 id-attribute The id attribute
advanced
Open → -
24 buttons Buttons
advanced
Open → -
25 iframes Iframes
advanced
Open → -
26 scripts HTML and JavaScript
advanced
Open → -
27 file-paths File paths
advanced
Open → -
28 layout Page layout with HTML
advanced
Open → -
29 responsive Responsive HTML
advanced
Open → -
30 code-elements Computer code in HTML
advanced
Open → -
31 semantics Semantics
advanced
Open → -
32 style-guide HTML conventions
advanced
Open → -
33 entities Character references
advanced
Open → -
34 symbols Symbols in HTML
advanced
Open → -
35 emoji Emoji
advanced
Open → -
36 charsets Character encodings
advanced
Open → -
37 url-encode URL encoding
advanced
Open → -
38 html-vs-xhtml HTML vs XHTML
advanced
Open → -
39 forms Forms
intermediate
Open → -
40 form-attributes Form attributes
advanced
Open → -
41 form-elements Form elements
advanced
Open → -
42 input-types Input types
advanced
Open → -
43 input-attributes Input attributes
advanced
Open → -
44 canvas Canvas
advanced
Open → -
45 svg SVG in HTML
advanced
Open → -
46 media Media overview
intermediate
Open → -
47 video Video
advanced
Open → -
48 audio Audio
advanced
Open → -
49 plugins-object Plugins and object
advanced
Open → -
50 embedded-youtube Embedding YouTube
advanced
Open → -
51 web-apis HTML and Web APIs
advanced
Open → -
52 geolocation Geolocation
advanced
Open → -
53 drag-and-drop Drag and drop
advanced
Open → -
54 web-storage Web storage
advanced
Open → -
55 web-workers Web Workers
advanced
Open → -
56 sse Server-Sent Events
advanced
Open → -
57 accessibility Accessibility
advanced
Open → -
58 summary Course summary
beginner
Open →