5D. HTML LINKS WEBPAGE

Create 5 small image icons and upload them to Picasa Images.

A very simple HTML document

Create an HTML webpage.

  1. Replace the text.
  2. Copy and paste the code into Sublime Text 2.
  3. Then save the page as 5dimages.html in your folder.

Write your name for the Heading.

This is an HTML list page for the paragraph.

Save the page as 5dimages.html in your folder.

HTML headings

Add 3 different size headers with the date, class name and school.

Create hyperlinks

Change the links to Your Blog and the Question of the Day.

An image as a link

Create image links for Your Blog and the Question of the Day

Create or Search for 2 small image icons, right click and Copy Image Location paste after the source.

Example: <a href="paste Link Location">

<img src="Paste Image Location" alt="HTML tutorial" width="32" height="32" />

</a>

Open a link in a new browser window

Make the Link to Engrade open in a new window.

Make an image link to Blogger open in a new window.

Link to a location on the same page

Add a link to go to Chapter 10.

Add a link at the bottom of this page to take you back to the top.

Create a mailto link

Change the link to your Email.

Save the page as 5dimages.html in your folder.

Turn it in in Engrade.