PLAINFINCH
learn by building
Paste your own code
Paste code
Lessons
HTML
CSS
JS
SQL
Git
AI
Servers
Access
Tests
Speed
Foundations
How HTML works
Document structure
Elements and attributes
Comments and whitespace
Files and paths
Page metadata
Text
Headings and paragraphs
Text with meaning
Showing code
Quotes and citations
Lists
Characters and entities
Links and media
Links
Images
Responsive images
Figures and captions
Audio and video
Embeds and graphics
Milestone: a restaurant menu
Structure
Page layout
Navigation menus
Div, span, class and id
Global attributes
Tables
Built-in interactive elements
Forms
Forms
Input types
Choices and longer answers
Form validation
Autofill and mobile keyboards
Buttons or links
Milestone: an event sign-up form
Quality
Accessibility
Keyboard and focus
Search and sharing
Structured data
Debugging HTML
Connecting
Connecting CSS and JavaScript
Fast-loading HTML
Project: profile page
Tools
Explain my HTML
Playground
Every HTML element
Every CSS property
Everyday JavaScript
Every SQL keyword
Every Git command
AI review checklist
Every server term
Accessibility checklist
Every testing term
Every performance term
How HTML becomes a page
Explain my code