Course path
Start from Module 01
Learn the complete HTML foundation from document structure to semantic layout, accessibility, SEO metadata, and a publish-ready capstone.
HTML Fundamentals in Next.js
A full 12-module learning path with exercises, references, and capstone requirements, now rendered natively in the app router.
Learning modules
Course curriculum
Module 0145 min
Welcome to the Web
Learn what HTML is, how browsers render pages, and set up your coding environment.
Module 0240 min
Document Anatomy
Master the HTML5 document skeleton including doctype, head metadata, and body content.
Module 0350 min
Text and Headings
Structure content with heading hierarchy, paragraphs, and meaningful text emphasis.
Module 0455 min
Links and Navigation
Connect pages with internal and external links and build clean multi-page navigation.
Module 0560 min
Images and Multimedia
Work with images, captions, video, and audio while keeping content accessible.
Module 0655 min
Lists and Tables
Present structured information using list types and accessible data tables.
Module 0770 min
Forms and Inputs
Collect user input using forms, labels, validation attributes, and grouped controls.
Module 0860 min
Semantic HTML5
Use semantic layout elements so content is understandable to users and machines.
Module 0935 min
HTML Entities
Display reserved symbols, special characters, and unicode safely in documents.
Module 1060 min
Metadata and SEO
Optimize page discoverability and social sharing with metadata and Open Graph tags.
Module 1150 min
Best Practices
Improve quality with validation, formatting standards, and clean project structure.
Module 1290 min
Capstone Project
Combine all course skills into a complete multi-page business website.
Resources
Bonus materials
Course home archive
Original static course homepage
Access the original full static home page and its course navigation exactly as authored.
Open original static course homeResource
HTML Cheat Sheet
Quick lookup for tags, attributes, and common HTML entities while coding.
Resource
Capstone Grading Rubric
Detailed evaluation criteria used to score final course projects consistently.
Resource
Course Certificate
Completion certificate details and verification flow for successful learners.
Resource
Starter Template
Production-ready starter HTML template with structure, metadata, and semantic sections.