Lab 1 - Basics of HTML

Goals of the exercise

  • HTML basic structure with correct head and body.
  • Use semantic tags: header, main, footer.
  • Navigation with relative paths.
  • Add images correctly with relative paths.

Go to the solution of the exercise: click here

Description

This exercise focuses on creating a structured HTML website using semantic tags, navigation, and images. Key points are using relative paths, including an h1 in each main element, adding correct metadata, and testing accessibility and links. Finally, you publish the website on a server so that everything works correctly.

Related links

I used this site to refresh some basics.

I also used this link to validate my code.

Reflection

  • Good
    • The things that went well were mainly creating headers and paragraphs. Linking to other sites went also good.
  • Difficult
    • The things that were a bit more difficult were adding images to my webpage and working with the section and nav attributes.