Congratulations!
You have reached the final HTML lesson. Your challenge is to create a complete multi-section website using the skills learned throughout this course.
Lesson 24 of 24
40 min learning time
HTML Final Challenge
Challenge requirements
Use semantic HTML, headings, paragraphs, links, images, lists, a table, a form, buttons, IDs, classes and a meaningful page structure.
What comes next?
After completing HTML, continue to CSS and Tailwind CSS so you can transform your HTML structures into modern responsive interfaces.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"
>
<title>My Final Project</title>
</head>
<body>
<header>
<h1>My Final Project</h1>
<nav>
<a href="#about">About</a>
<a href="#services">Services</a>
<a href="#contact">Contact</a>
</nav>
</header>
<main>
<section id="about">
<h2>About</h2>
<p>Welcome to my website.</p>
</section>
<section id="services">
<h2>Services</h2>
<ul>
<li>Web Development</li>
<li>Mobile Development</li>
<li>Software Development</li>
</ul>
</section>
<section id="contact">
<h2>Contact</h2>
<form>
<label for="name">
Name
</label>
<input
type="text"
id="name"
name="name"
>
<button type="submit">
Send
</button>
</form>
</section>
</main>
<footer>
<p>© 2026 My Website</p>
</footer>
</body>
</html>Practical Exercise
Build it yourself
Build and save your own complete HTML website. Make it meaningful, organized and accessible.
Quick Check
Test your understanding
What should you do after completing this HTML course?