Links Page

What am I going to learn to do?

On this page,you will learn how to add Links to a web page using HTML.

What software/tools will I use?

Notepad

Web Browser

What are the ideas I will work with?

You can link your page to other pages.

You can link text.

You can link objects like photos to their original files.

You can make the links so that they open in a new window.

How do I do it?

Make a page in HTML with a Head, title and body inside the HTML tags.

In the title, put <title>Links - First Name Last Initial</title>

On the first line of the Body, put <h1>Links Page - First Name Last initial </h1>

Link to a website:

Add the word Google to the page.

Before the word in the text, add the code <a href="http://google.com">

After the word google, close the link with a close A or </a>

When you click on the link on your page, the browser will go to google.

Link to another page in the same directory:

Make a sentence that invites your reader to go to your photos page.

Link the word Photos to your photos page.

The link should look like this: <a href="/photos.html"> photos</a>

When they click on the word, your other page will open up.

Make a page open in a new window

Make a sentence that invites the reader to find out about color codes.

Make the word colors into a link.

The link should look like this: <a href="http://www.computerhope.com/htmcolor.htm" target="_BLANK">Color</a>    

Link a picture so it opens the file in a new window:

Add a picture to the page.

Change the display size so that it shows up no larger than 200 pixels high

Link the picture so that the picture is the clickable part of the link.

make the picture open in its own window.

<a href="/picture.jpg" target="_blank"><img src="picture.jpg" height="200"></a>

Checklist:

• HTML format
• Your name and page name in title and heading
• Link to Google
• Link to your photos page
• Make a page open in a new window
• Make a picture display and link it to the original file