08. Final Project: Build Your First Web Page

Bring everything together by building a complete, accessible information page. Your finished project will demonstrate document structure, semantic content, navigation, media, structured data, and forms.

Project brief

Create a one-page website for a school, small business, personal portfolio, or community organization. Use your own text and images so the result feels like a real project.

Required features

A complete HTML document with language, character encoding, viewport, and title.
A header containing the site name and navigation.
A main area with at least three clearly headed sections.
One useful image with appropriate alternative text and a caption.
A list and a small data table with a caption and headings.
A contact form with connected labels.
A footer containing contact or copyright information.

Starter structure

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>My Project</title>
</head>
<body>
  <header>...</header>
  <main>
    <section id="about">...</section>
    <section id="services">...</section>
    <section id="contact">...</section>
  </main>
  <footer>...</footer>
</body>
</html>

Final review checklist

All tags are correctly nested and closed.
The page has only one main heading.
Links have descriptive text.
Images have appropriate alternative text.
Every form field has a label.
The page works with keyboard navigation.
The document opens without errors in at least two browsers.

When your checklist is complete, you have built your first structured HTML web page. The next step is to add CSS for layout and visual design.

Project brief

Required features

Starter structure

Final review checklist

Lesson quiz