An event page should answer the practical questions first: what, where, and when. Place the registration link near the event details so readers do not have to hunt for it.
What You Need to Know
A venue name is not automatically the article author's contact information, so address may not be the best markup merely to show a location. Use time for a parseable start time.
The goal is not to collect as many tags as possible. Pick the element that best describes what the content really is.
Example: See It in Action
Take a look at this small piece of HTML. You can use it in a practice document and change the text to make it your own.
This is a short HTML fragment. To try it as a webpage, put it inside the body element of a complete HTML document.
<article>
<h1>School Science Night</h1>
<p><time datetime="2026-11-06T18:00">November 6 at 6 PM</time>
</p>
<address>School auditorium</address>
<p><a href="registration.html">Register</a>
</p>
</article>Let’s Understand the Example
- Article marks a piece that could make sense on its own, such as a news post or recipe.
- An h1 introduces the main subject of the page. Use the heading level for structure rather than font size.
- A p groups a paragraph of related text. Start another paragraph for a new thought.
- Datetime gives a date or time in a machine-readable form, separate from the friendly text shown to visitors.
- Href contains the destination of a link. A value starting with # points to an id on the same page.
The first example link points to registration.html. Check whether that destination exists relative to the document. A link changes where readers go; it does not perform an action such as saving a form.
What Should You See?
The page should display “School Science Night” as a heading, followed by its related content. Change the heading text and refresh the browser to see the result.
Read only the headings, from top to bottom. Do they tell a sensible story? If not, move sections or choose levels that match the content.
Try It Yourself
- Add a short schedule and check that the registration link has a meaningful label.
- Save your changes, open or refresh the page, and compare the result with the original example.
- Tell a friend what your change did. If you are not sure, undo it, refresh the page, and compare.
Common Beginner Mistakes
- Presenting only a month name without a year or specific event time.
- Avoid picking tags just for their default bold, italic or spaced appearance. Use CSS for presentation.
Key Takeaways
- An event page should answer the practical questions first: what, where, and when.
- Article marks a piece that could make sense on its own, such as a news post or recipe.
- A venue name is not automatically the article author's contact information, so address may not be the best markup merely to show a location. Use time for a parseable start time.