Back to roadmap Dashboard

BeginnerStarter2 weeks

HTML5

Create semantic, accessible document structures that are understandable to browsers, search engines, and assistive technology.

Topic 2 of 24

Prerequisites

Internet & Browser Fundamentals

Key Concepts & Skills

Semantic elements
Forms
Tables
Metadata
SEO basics
Accessible markup

Learning Outcomes

Understand the core principles of Semantic elements
Configure and deploy Forms successfully
Troubleshoot common issues with Tables
Understand the core principles of Metadata
Configure and deploy SEO basics successfully
Troubleshoot common issues with Accessible markup

Resources

Official documentation

MDN HTML web.dev: Learn HTML

Video resources

Kevin Powell: HTML & CSS Crash Course

Interactive practice

freeCodeCamp HTML course

Practice Exercises

Build a semantic resume page.Create a validated contact form.Mark up a blog article with headings, landmarks, and metadata.

Project Task

Build an accessible portfolio homepage using only semantic HTML.

Quiz

What is the primary purpose of HTML5?What are the common alternatives to HTML5?How do you implement HTML5 in a production environment?

Notes