NWE Help: Web: Authoring: HTML: Linking

NWE Home :: Help :: Web :: Authoring :: HTML

Links are not hard to do! Just put the site, page, or image you want to link to in this format. Two examples (an image and another web page)*:

<A HREF="link.gif">This is a link to an image</A>
<A HREF="link.html">This is a link to a page</A>

• Notice that like an <IMG> tag, the link tag includes a pair of quotes. One important difference between an <IMG> tag and the tag for links is that the latter is a container tag.
• Special Note: some of you may be familiar with using a link tag to send email. Unfortunately, because of problems with the NWE web browser, such a tag will not work within Rolfs Hall.

If the object is on another server (i.e. not on web.nwe.ufl.edu ) use the full address. This address is called an absolute URL.

<A HREF="http://www.clas.ufl.edu/">This is a link to another server</A>

To add a link to a web page, image, or other file in the same directory as the document you're developing, use a link like the ones below. This kind of address is called a relative URL.

<A HREF="example1.html">Link Text</A>
<A HREF="example2.jpeg">Link Text</A>

To make an image a link, just wrap a link tag around an image tag:

<A HREF="example1.html">
<IMG SRC="myimage.jpeg"></A>

To add a link to something in a different directory, use the whole file name. For example, to link from your home page to a file in a "proj3" subdirectory:

<A HREF="proj3/index.html">My Project Three</A>

To link to another NWE student's web page:

<A HREF="/~jdoe/index.html">Jane's Web Page</A>

* The HTML code on this page is coded in Blue to make it easier to read.

Back: Images
Next: Anchors