HTML Project
Add a venue section, a date marked with time, and a link to that section from the header.
Understand the topic
Build a small community event page using the concepts studied so far. A project combines content, document structure, navigation, and images instead of testing isolated syntax. Decide what a visitor needs to know: event name, purpose, location, date, and contact details. Build a readable page without CSS first, then add simple styling.
Worked example
<header><h1>Community Reading Day</h1><a href="#programme">Programme</a></header>
<main>
<p>Join us at the local library.</p>
<section id="programme"><h2>Programme</h2><ul><li>10:00 Story time</li><li>11:00 Book swap</li></ul></section>
</main>
<footer><a href="mailto:library@example.com">Contact the library</a></footer>The example supplies a simple structure. Extend it with actual content, a descriptive title, and an accessible image when one is useful.
Practice
Add a venue section, a date marked with time, and a link to that section from the header.
Show a suggested answer
<a href="#venue">Venue</a>
<section id="venue"><h2>Venue</h2><p>Central Library</p><time datetime="2026-11-07">7 November 2026</time></section>Common mistake
Do not focus on decoration before checking that the essential event information is complete and the links work.