Final Project: Build a Real Website
Congratulations on reaching the final lesson! You have learned all 22 HTML topics. Now it is time to build a real complete website that uses everything you know — from scratch, on your own.
Your Final Project Requirements
<!-- Your website must include ALL of these: --> <!-- 1. Proper document structure --> <!DOCTYPE html> <html lang="en"> <head><!-- charset, viewport, title, meta --> <!-- 2. Semantic layout --> <header><nav></nav></header> <main><article></article><aside></aside></main> <footer></footer> <!-- 3. Image with all attributes --> <img src="..." alt="..." width="..." height="..." loading="lazy"/> <!-- 4. A data table --> <table><thead><tr><th scope="col">...</th></tr></thead></table> <!-- 5. A contact form --> <form><label for="..."><input required/></form>
Recommended Structure
Tips for Success
Once you finish, upload your HTML file to Netlify Drop (drag and drop, instant live URL), GitHub Pages (free hosting), or Vercel. Your first real website will be live on the internet for anyone to visit.
You learned 22 HTML topics: document structure, headings, text, links, images, lists, tables, forms, semantic layout, div/span, display types, meta/SEO, entities, media, iframes, data attributes, ARIA, validation, canvas/SVG, and best practices. That is every core HTML concept used in professional web development.
When you started Lesson 1 you did not know what DOCTYPE meant. Now you know semantic HTML, SEO meta tags, form validation, ARIA accessibility, and canvas drawing. You have learned in 22 lessons what took developers years of trial and error to discover. Build something great with it.