Lab1 - Basics of HTML
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.
- Organise 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).
- images to your project and use correct file structures and relative paths.
- Always use an h1 in the main element to define the most important heading on each page.
- Publish your website correctly on a server and ensure that all links work and the page is accessible via the specified URL.
- Complete your project on time and ensure that it is published before the deadline.
Go to the solution
Decription
The purpose of this exercise was to test our HTML knowledge.
We had to apply all the information from the previous lessons in this exercise, i.e. apply the
basics of HTML.
Related links
I used w3c-validator for checking and MDN-mozilla for extracting information.
Reflection
Wouw!
The layout and structure in HTML went smoothly, so I finished early.
Aauuw!
I had difficulty linking pages.
I wasted most of my time trying to figure out what was wrong with linking my pages.
Not sure?
As I am a beginner at programming in HTML, I sometimes doubt whether I am doing it correctly.
