Free Course · Beginner · Ibadan, Nigeria

HTML
Fundamentals

Learn the language that powers every website. From your first <html> tag to responsive layouts and Web APIs — 34 lessons, zero prerequisites.

34Lessons
4Phases
NonePrerequisites
Start Lesson 01 → View All 34 Lessons
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>My First Page</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>Built with HTML.</p>
</body>
</html>
About This Course

Build the web from scratch.

HTML is the skeleton of every webpage. Before styling or scripting, you need HTML — the language that gives the web its structure and meaning. Designed by Babatunde Awoyemi, Techbase Consultant Services, Ibadan. 34 lessons, zero prerequisites.

  • How browsers read and render HTML documents
  • Headings, paragraphs, text formatting and links
  • Images, tables, lists and accessible forms
  • Semantic HTML — header, nav, main, footer, article
  • Responsive design and layout techniques
  • Canvas, SVG, media and HTML5 Web APIs
  tools_needed.txt
VS Code
Write your HTML code
↗ Download
Chrome / Firefox
Preview your pages live
Already installed
Chrome DevTools
Inspect and debug HTML
Press F12
GitHub Pages
Publish your site free
↗ Learn more
Next: CSS Styling
After this course
↗ Go there
Course Content

34 Lessons

Phase 1 — HTML Foundations (01–10)
01Introduction to HTML & Setting Up Your Editor 02HTML Basic Examples: Documents, Headings, Paragraphs, Links & Images 03HTML Elements: Anatomy, Nesting, Empty Elements & Case Sensitivity 04HTML Attributes: Syntax, Key Attributes, Quoting Rules & Best Practices 05HTML Headings: Levels, Importance, SEO, Sizing & Best Practices 06Mastering HTML Paragraphs — Organizing Text Like a Pro 07HTML Styles — Making Your Web Pages Look Great 08HTML Text Formatting 09HTML Quotation and Citation Elements 10HTML Comments
Phase 2 — Color, Style & Links (11–15)
11HTML Colors — Named Colors, RGB, HEX, and HSL 12HTML Styles — Introduction to CSS 13HTML Links — Hyperlinks, Colors, Bookmarks & Challenges 14HTML Images: From Basics to Responsive Pictures 15HTML Favicon and Page Title
Phase 3 — Tables, Lists & Structure (16–22)
16HTML Tables — From Zero to Professional 17HTML Lists — Unordered, Ordered, Description, and Nested Lists 18HTML Block & Inline Elements, Div & Span 19HTML class and id Attributes 20HTML Buttons — Creating, Styling, Disabling, and Using Buttons 21HTML Iframes — Embedding Web Pages Inside Web Pages 22HTML JavaScript — Making Web Pages Come Alive
Phase 4 — Advanced & Real-World HTML (23–34)
23HTML File Paths 24The HTML Head — Metadata, Titles, Styles, Links, Scripts & More 25HTML Layout Elements and Techniques 26HTML Responsive Web Design 27HTML Computer Code Elements 28HTML Semantic Elements 29HTML Style Guide, Character Entities, Symbols & Emojis 30HTML Charsets, URL Encoding, and XHTML 31HTML Forms — Collecting Input from Users 32HTML Canvas and SVG Graphics 33HTML Media — Video, Audio, Plug-ins & YouTube 34HTML5 Web APIs — Geolocation, Drag & Drop, Web Storage, Web Workers & SSE
How It Works

Learn at your own pace.

01

Start Here

Read this overview to understand all 34 lessons and what you will build.

02

Open Lesson 01

Click the button above or the first lesson card. No installation needed.

03

Read & Code

Each lesson explains a concept with code examples and hands-on exercises.

04

Move Forward

Work at your own pace. Complete all 34 lessons to finish the course.