Assignment 2: Hyper-Links and Images

Words, images and links are the three vital components of Web Pages. Words are essential. If there is not a good idea and it is not expressed clearly, then the page will have a short life span. Images and graphics can bring the words to life and add some spice to ideas. Links are the essence of the Web: both internally to your own page, but to other sites as well.

Linking is related to locations on servers and on directories and sub-directories within those servers.

How do you make some text link to another page?

The Basic Link Format

One of the basics foundations of HTML is the ability to link from page to page. It's one of the first things you learn.
Here's what the basic format looks like:	What shows up on the page is the following text:
<A HREF="assign1.htm">Click here to go to the first assignment.</A>	Click here to go to the first assignment.
The format is simple. The "A" stands for Anchor and the "HREF" stands for Hypertext REFerence. It is a reference (or link) to another page.

External Links

In this case, both the page we're linking to and the image we're using are in the same directory as the page we're working on. So all we need is to type in the name of the file we want and there it is... BUT, if we wanted to link to a page or image that's outside the current working directory, we would have to use the full address. Here's an example:
<A HREF="http://www.yahoo.com/index.htm">Let's go to Yahoo!</A>	Let's go to Yahoo!

Internal Hyper-Links

There are also hyper-links within cases. Here is an example taken from the TED template, that uses internal links with unordered lists. Click on "IDENTIFICATION" and you will jump down the appropriate section linked by the "a name" command.

Isn't html fun! ;)