HTML Website

Understand the topic

The final project is a small multi-page community website. Create a home page, an events page, and a contact page with shared navigation and a stylesheet. Use relative links, semantic landmarks, useful titles, accessible media, and a labelled form. Serve the site locally and verify every resource. Real contact submission requires a backend beyond static HTML.

Worked example

community-site/
  index.html
  events.html
  contact.html
  assets/
    styles.css
    library.jpg

Navigation on every page:
<nav aria-label="Main"><a href="index.html">Home</a> <a href="events.html">Events</a> <a href="contact.html">Contact</a></nav>

Keep navigation labels and destinations consistent. Give each page a specific title and main heading, and make the current page clear with aria-current="page" on its link.

Practice

Complete the three pages and review them using the completion assessment checklist.

Deliver the source folder, a locally working site, a tested navigation path through all pages, and notes explaining image alternatives, form labels, and layout choices.

Common mistake

Do not stop at a screenshot. A working website needs valid links, actual files, and usable interactions.

HTML documentation