HTML Syllabus
A syllabus is just a checklist of what you'll learn, in what order. Use this one to track your way through the HTML tutorial.
HTML syllabus
| Module | Topics |
|---|---|
| 1. Foundations | Introduction, editors, document basic structure. |
| 2. Building blocks | Elements, attributes, headings, paragraphs. |
| 3. Styling content | Styles, formatting, quotations, comments, colors. |
| 4. Links and media | Links, images, favicon, page title. |
| 5. Structure | Tables, lists, block vs inline, div, classes, id. |
| 6. Interactive elements | Buttons, iframes, JavaScript, file paths. |
| 7. Layout | Head, layout regions, responsive design, semantics, style guide. |
| 8. Characters | Entities, symbols, emojis, charsets, URL encoding. |
| 9. Forms | Form structure, attributes, elements, input types. |
| 10. Graphics and media | Canvas, SVG, video, audio, YouTube. |
| 11. Web APIs | Geolocation, drag and drop, web storage, workers, SSE. |
| 12. Wrap-up | Accessibility, semantics review, style guide, certification. |
Tip: Use the "Mark complete" button on each lesson page and the sidebar will show your progress through the whole syllabus.
Example
Example
<!DOCTYPE html>
<html>
<head>
<title>HTML Syllabus</title>
</head>
<body>
<h1>HTML Syllabus</h1>
<p>This is a demo page for the "HTML Syllabus" lesson.</p>
</body>
</html>
Try it Yourself »
Exercise
Roughly how many lessons make up the full HTML track?
lessons
A two-digit number near 90.
Discussion
Loading…