Lab 1 - Basics of HTML

Goals of the exercise

  • Build a small multi-page HTML website with correct semantic structure.
  • Use a clean project folder structure and relative paths for all links.
  • Add proper metadata (lang, page titles) and include images using the images/ folder.
  • Recreate the given example pages and place one <h1> per page in <main>.
  • Validate all pages with the W3C Validator and aXe DevTools.
  • Publish the website at voornaamnaam.ikdoeict.be/labo01/.
  • Create a portfolio page with clear sections and correct heading hierarchy.
icon new tab Go to the solution
preview picture lab1

Description

This exercise teaches you to build a small website using only HTML, with correct semantic structure (header, nav, main, footer), proper relative links, clean folder organization, and valid HTML. You recreate a simple example site, add images, validate everything, upload it to your webspace, and then create your own portfolio page with correct headings and sections.

Related links

Reflection

  • Waaw!

    Everything went quite good, because I already have a bit of experience.

  • Aauuw!

    To find out how to add those special characters to the website, I had to search online to find the solution.