1.2+Hyperlinks+and+Images

=Exercise 1.2 – Hyperlinking and images =

Hyperlinks/Achor Tags
>  Mind-blowing technology drives Pixar animation to greater heights  > Mind-blowing technology drives Pixar animation to greater heights
 * 1) Open up your “index.html” file from the last exercise in Notepad/TextEdit.
 * 2) Around each headline of each article, place an anchor tag with its href attribute with a placeholder (#) value. Don’t forget to place in the closing anchor tag after the headline.
 * 1) Overwrite the placeholder # symbol with the actual URL of each article. Copy/paste the URL from the internet browser into the values of each href attribute.
 * 1) Save your .html document and refresh your internet browser. You will notice that your headline is now linked/anchored to the correct URL. Hyperlinks are usually a blue color. However, most likely your hyperlink will be purple because you have visited it.
 * 2) Do this hyperlinking process for all five of your articles. Save, refresh, and test it out in your browser.

Images
> 
 * 1) Once you all of your hyperlinks in place, now you can start placing in images for each article. You will need to download an image that is associated with each article. An easy way to do that is to go to that actual article in your internet browser, and right-click (PC) or ctrl+click (Mac) and select “Save Image As…” from the menu.
 * 2) Save the image into an “images” folder inside your project folder. If you don’t have an images folder, create one, and place it inside your project folder. Also, sometimes when you download images from the internet, they come in with very long and complex names. Simplify the name of the file (example: school.jpg).
 * 3) In your .html document, you can instruct the browser to load an image with the tag, with a src attribute with a value. The value indicates both the name of the file and the directory of where the image is located.
 * 1) <span style="background-color: #ffffff; background-color: transparent; font-family: Arial,sans-serif; font-family: Times; font-size: 12px; font-size: medium; vertical-align: baseline; vertical-align: baseline;">Save and refresh and check to see if your first image worked. If it worked, proceed to placing images in for each article.
 * 2) <span style="background-color: #ffffff; background-color: transparent; font-family: Arial,sans-serif; font-family: Times; font-size: 12px; font-size: medium; vertical-align: baseline; vertical-align: baseline;">Bonus: how would you make the image itself a hyperlink to the article? Any ideas?