🌐 HTML Fundamentals — Techbase STEM Academy
Free beginner HTML course · Techbase Consultant Services, Ibadan, Nigeria
Instructor: Babatunde Awoyemi · All Courses →
About
HTML (HyperText Markup Language) is the foundation of every website. In this course you will build real web pages from scratch — 34 lessons, zero prerequisites.
Prerequisites: None. Next step after this course: CSS Styling
Course Lessons
Phase 1 — HTML Foundations (01–10)
| # | Topic | Link |
|---|---|---|
| 01 | Introduction to HTML & Setting Up Your Editor | lesson_01 |
| 02 | HTML Basic Examples: Documents, Headings, Paragraphs, Links & Images | lesson_02 |
| 03 | HTML Elements: Anatomy, Nesting, Empty Elements & Case Sensitivity | lesson_03 |
| 04 | HTML Attributes: Syntax, Key Attributes, Quoting Rules & Best Practices | lesson_04 |
| 05 | HTML Headings: Levels, Importance, SEO, Sizing & Best Practices | lesson_05 |
| 06 | Mastering HTML Paragraphs — Organizing Text Like a Pro | lesson_06 |
| 07 | HTML Styles — Making Your Web Pages Look Great | lesson_07 |
| 08 | HTML Text Formatting | lesson_08 |
| 09 | HTML Quotation and Citation Elements | lesson_09 |
| 10 | HTML Comments | lesson_10 |
Phase 2 — Color, Style & Links (11–15)
| # | Topic | Link |
|---|---|---|
| 11 | HTML Colors — Named Colors, RGB, HEX, and HSL | lesson_11 |
| 12 | HTML Styles — Introduction to CSS | lesson_12 |
| 13 | HTML Links — Hyperlinks, Colors, Bookmarks & Challenges | lesson_13 |
| 14 | HTML Images: From Basics to Responsive Pictures | lesson_14 |
| 15 | HTML Favicon and Page Title | lesson_15 |
Phase 3 — Tables, Lists & Structure (16–22)
| # | Topic | Link |
|---|---|---|
| 16 | HTML Tables — From Zero to Professional | lesson_16 |
| 17 | HTML Lists — Unordered, Ordered, Description, and Nested Lists | lesson_17 |
| 18 | HTML Block & Inline Elements, Div & Span | lesson_18 |
| 19 | HTML class and id Attributes | lesson_19 |
| 20 | HTML Buttons | lesson_20 |
| 21 | HTML Iframes — Embedding Web Pages Inside Web Pages | lesson_21 |
| 22 | HTML JavaScript — Making Web Pages Come Alive | lesson_22 |
Phase 4 — Advanced & Real-World HTML (23–34)
| # | Topic | Link |
|---|---|---|
| 23 | HTML File Paths | lesson_23 |
| 24 | The HTML Head — Metadata, Titles, Styles, Links, Scripts & More | lesson_24 |
| 25 | HTML Layout Elements and Techniques | lesson_25 |
| 26 | HTML Responsive Web Design | lesson_26 |
| 27 | HTML Computer Code Elements | lesson_27 |
| 28 | HTML Semantic Elements | lesson_28 |
| 29 | HTML Style Guide, Character Entities, Symbols & Emojis | lesson_29 |
| 30 | HTML Charsets, URL Encoding, and XHTML | lesson_30 |
| 31 | HTML Forms — Collecting Input from Users | lesson_31 |
| 32 | HTML Canvas and SVG Graphics | lesson_32 |
| 33 | HTML Media — Video, Audio, Plug-ins & YouTube | lesson_33 |
| 34 | HTML5 Web APIs — Geolocation, Drag & Drop, Web Storage, Web Workers & SSE | lesson_34 |
MIT License · © 2025 Techbase Consultant Services · Made with ❤️ in Ibadan, Nigeria