02 - HTML - Exercise 1

Task 1 - About Me

1. Create a folder on your machine and call it HTMLexercise (no spaces).

2. Open the newly created folder in you VS Code.

3. Create a new file using VS Code, you can name it AboutMe.html . Don't forget the extension html.

4. Using VS Code generate the html skeleton page.

5. Change the <title> to 'About me'.

6. Create a page about yourself - use heading tag, paragraph, and semantic tags to structure your page.

7. Within the HTMLexercise folder create a subfolder called images. Place some pictures into this folder, either your own pictures or some images downloaded from the internet.

8. Use the saved images in your page.

Reminder 1: Save your html file before checking the result!

Reminder 2: Open your file in the browser and check frequently that the changes you’re making in the code are correctly reflected in the browser.

Reminder 3: There are no styles applied to your html page so it may not look its best yet.

Task 2 - Favourites

1. Similarly to the point 3 above, create a new html file called Favourites.html . Let VS Code generate the skeleton html code. Don’t forget to change the title.

2. Create a table in this page and write down at least three of your favourite things. Don’t forget to include a picture and a link for a reference!

3. Add a footer to this page with copyright information.

Task 3 - To-do List

1. Create yet another html file called ToDoList.html.

2. This page should contain a to-do list, it can either be a list of things to do, or a list of books to read, or a list of movies to watch, destinations to visit …

Task 4 - Navigation

1. Back in AboutMe.html create an unordered list of clickable links.

2. The first link should lead to your Favourites.html page.

3. The second link should point to your ToDoList.html page.

4. Similarly, in your Favourites.html page create links to your AboutMe.html and ToDoList.html.

5. Do the same in ToDoList.html.