HTML Fundamentals
Enough HTML to read, write, inspect, and understand real web pages.
What's Inside
- 016 mins
What is HTML?
Markup, the DOM, and View Source vs Elements.
- 028 mins
Anatomy of an HTML document
The document skeleton, attributes, head, and validation.
- 037 mins
Text and content structure
Headings, paragraphs, lists, quotes, code, and meaning.
- 046 mins
Links, URLs, and navigation
Anchors, URLs, fragments, new tabs, and link text.
- 057 mins
Images, media, and embedded content
Images, alt text, media, captions, and embeds.
- 065 mins
Tables and tabular data
Rows, cells, captions, scope, and tabular data.
- 0711 mins
Forms and user input
Inputs, labels, GET vs POST, validation, and uploads.
- 088 mins
Containers and semantic layout
Div, span, block vs inline, and semantic regions.
What you'll learn
- Build simple, well-structured web pages using real HTML elements for text, links, images, tables, forms, and layout
- Read and understand the HTML behind real websites using browser DevTools, including the difference between source HTML and the live DOM
- Write HTML that works better for users, browsers, screen readers, search engines, and future developers
- Create forms that send useful data to a backend, with proper labels, names, methods, validation habits, and file upload basics
- Understand how HTML connects to CSS, JavaScript, servers, templates, and the rest of the frontend or backend roadmap
Meet the Author
The people behind this pack
Kamran is the founder of roadmap.sh and works on it full-time. Over the past decade he's shipped across startups and scale-ups, with most of his work in open source, he's a Google Developer Expert, a GitHub Star, and the second-most-starred developer on GitHub globally.
What are Lesson Packs?
Lesson packs are premium, opinionated guides written by the team. Pro members get access to all current and future lesson packs, including other pro benefits.
- Written by the team behind roadmap.sh
- Visual — diagrams and worked examples
- A clear, opinionated path per roadmap
- Unlocks every current and future pack
