Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  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.

...