Lab 01 - HTML Basics
Goals of the exercise
- Set up the basic structure of an HTML page, including the required elements in the <head> and <body>.
- Use semantic HTML tags such as <header>, <main>, <footer>, <nav>, <section>, <ul>, and <li> to clarify the structure of your web page.
- Create a navigation structure and always use relative paths between pages.
- Validate your solution regularly with the W3C validator and aXe DevTools to detect errors and accessibility issues.
- Organize your project in a logical folder structure without capital letters or spaces in file names.
- Add relevant metadata in the <head>, including the page title and language settings (nl/en).
- Add images to your project and use correct folder structures and relative paths.
- Always use an <h1> in the <main> element to define the main heading on each page.
- Publish your website correctly on a server and make sure all links work and the page is accessible via the specified URL.
- Finish your project on time and ensure it is published before the deadline.
Description
In the lab exercise we had to create an HTML page, where we learned how to use the basics of HTML. They showed us how to use stuff like sections, links, header/main/footer etc.
Related items
/
Reflection
-
Wauw
I had little trouble to create the structure of the webpage and dividing everything up in the right sections.
-
Auwch!
Nothing really bad comes to mind. It did however take me some time to get used to working with HTML entities.
-
Hmmm?
Nothing comes to mind. I am however curious of different and more special HTML tags that we could use in a webpage, such as a custom <model-viewer> tag that I researched online.