freecoding.school
› HTML
HTML — 85 free lessons
the markup language the web speaks · structure before style
Start lesson 1 →
HTML Tutorial
1.
Welcome to the Markup
2.
What the Browser Actually Reads
3.
Picking an Editor That Won't Fight you
4.
The Smallest Valid Page
5.
Elements · The Building Bricks
6.
Attributes · Adding Instructions
7.
Headings · H1 down to H6
8.
Paragraphs · The Workhorse Tag
9.
Inline Styles · Before CSS Arrived
10.
Bold · Italic · Mark · The Formatters
11.
Quotations · Blockquote · Cite · Q
12.
Comments · Notes the Browser Ignores
13.
Colors · Names · Hex · RGB · HSL
14.
Linking a Stylesheet
15.
Links · The Anchor Tag
16.
Images · Src · Alt · Sizing
17.
Favicons · The Tab Badge
18.
Page Titles · What the Tab Says
19.
Tables · Rows · Cells · Headers
20.
Lists · UL · OL · DL
HTML Layout & Structure
21.
Block vs Inline · The Two Flow Modes
22.
Div · The Generic Container
23.
Classes · Reusable Hooks
24.
IDS · Unique Handles
25.
Iframes · Pages Inside Pages
26.
Scripts · Running JavaScript from HTML
27.
File Paths · Relative · Absolute · Root
28.
The Head · Meta · Title · Links
29.
Layout · The Structural Skeleton
30.
Responsive · Sizing for Any Screen
31.
<code> · <pre> · <kbd> · The Computer Tags
32.
Semantic Tags · Header · Main · Article · Footer
33.
Style Guide · Keeping Markup Clean
HTML Characters & Encoding
34.
Entities · & · < ·
35.
Symbols · Math · Currency · Arrows
36.
Emojis · Unicode in the Page
37.
Charsets · Utf-8 By Default
38.
URL Encoding · Safe Characters
39.
HTML vs XHTML · The Strictness Divide
HTML Forms
40.
Forms · The User-Input Frame
41.
Form Attributes · Action · Method · Target
42.
Form Elements · All the Input Families
43.
Input Types · Text · Password · Email · URL
44.
Input Types · Number · Range · Date · Time
45.
Input Types · Checkbox · Radio · File
46.
Input Types · Color · Search · Hidden
47.
Input Attributes · Required · Placeholder · Pattern
48.
Input Form Attributes · Formaction · Formmethod
49.
Autocomplete · How the Browser Remembers
50.
Fieldset · Legend · Grouping Inputs
51.
Labels · For · ID · Accessibility
52.
Select · Option · Optgroup · Datalist
53.
Textarea · Multiline Input
54.
Button · Type · Submit · Reset · Button
55.
Validation · Client-Side vs Server-Side
HTML Graphics
56.
Canvas · Pixel-By-Pixel Drawing
57.
Canvas · Paths · Arcs · Curves
58.
Canvas · Text · Images · Transforms
59.
SVG · Vector Graphics in Markup
60.
SVG · Paths · Gradients · Animation
HTML Media
61.
Media · Video · Audio · Sources
62.
Video · Controls · Poster · Tracks
63.
Audio · Formats · Streaming
64.
Plug-Ins · Object · Embed · Why They're Rare Now
65.
Youtube · Iframe Embeds
HTML Web APIs
66.
Web APIS · The Platform Surface
67.
Geolocation · Lat · Lon · Permission
68.
Drag and Drop · Draggable · Datatransfer
69.
Web Storage · LocalStorage · SessionStorage
70.
Web Workers · Background Threads
71.
Server-Sent Events · One-Way Push
72.
Websockets · Bidirectional Channel
73.
Canvas · Pixel Manipulation
HTML Modern & PWA
74.
Picture · Srcset · Sizes · Responsive Images
75.
Accessibility · Aria Roles · Keyboard Nav
76.
Meta Viewport · The Mobile Fix
77.
Open Graph · How Social Cards Render
78.
Structured Data · JSON-Ld · Schema.org
79.
Service Workers · The Offline Surface
80.
Manifest · Turning a Page Into an App
HTML References
81.
Tag Reference · The Full Element List
82.
Attribute Reference · Global Attributes
83.
Event Reference · Every Browser Event
84.
Character Entities · The Full Table
85.
Examples · Exercises · Quiz · Certificate