Lab 1

arrow pointing down

Goals of this exercise

  • Get the hang of semantics.
  • Learn how to validate your code.
  • Create a relative navigation system.
  • Organize your files with a proper folder structure.
  • Adding useful metadata to your site.

Description

This exercise introduces the very basics of HTML by teaching you how to use semantics, how to validate your code and find issues, organize your files (and hiding the ugly .html extension in your URL's), and finally relative paths.

Related links

MDN Docs

Reflection

What went well?

  • Getting the hang of the HTML structure.
  • Validating code and checking for potential issues.
  • Embedding URL's and images

What was difficult?

  • Figuring out what is and isn't allowed in figures, list items, etc.
  • What goes inside the head section.