HTML Assignment 1

Posted on by tchastkavich

Shape of the Day:

  • Complete yesterday’s HTML components – Embedding Videos/widgets, Block vs Inline elements and tables
  • Learn how to create a favicon
  • Complete the HTML Assignment – done on your own!
  • Try two or more tutorials here: https://learn.freecodecamp.org/ 

Website of the Day:

http://www.internetlivestats.com/ – Check out these cool stats! How many websites were hacked today?

1. Look at yesterday’s HTML exercises/questions here

Please make sure you’ve completed all of yesterday’s exercises before moving on to number 2 below.

2. Add a Favicon to your webpage

  • Favicons are tiny pictures next to your page title in the browser. What’s the icon for Mr. Chastkavich’s website?
  • To make one on your website, you must find an image that is 16 x 16 pixels (pretty small!)
  • Download this image of flags and find a country that represents your background (can also be Canadian Flag). Open the file in Paint and use the Crop function to select one flag.
  • Save the cropped image in the SAME folder as where your website is saved. Call the image “flag.jpg”
  • Now add the following code to your <head> section to make the icon appear –
    • <link rel=”shortcut icon” href=”flag.jpg”>

 

3. Complete the following HTML Assignment ON YOUR OWN

Click here for HTML Assignment 1

4. If your assignment is complete, try two or more tutorials here: https://learn.freecodecamp.org/