Fermilab LInC
Land Of Link-in
Creating Links

Session 7

____________________________________________________________

Topic Home -- Fermi Education Office -- Calendar -- Index -- Search ____________________________________________________________

Creating Links

In session 8 you worked with creating Local Links in this session we will explore links further.

The basic process is the same for all links. You need to enter the <A HREF="; tag in front of a URL, and end this with ">. Next comes some type of text or image that will serve as the visible place for the user to "click" on. Lastly we close the tag with < /A>.

Example:

Below is what you see in written in the HTML page.

Below is what you see in Netscape or some other Browser.

The First Family

Hey! This linking is Way Cool!


What Other Types of Links Can I Make?

There are many types of links you can make and fortunately they are all made basically the same.

Some types of links you can make are:

Linking Matrix


Text to Text Image to Text
Text to Image Image to Image
Text to Sound Image to Sound
Text to Movie Image to Movie
Text to E-Mail Image to E-Mail

Text to Text

This is the most common type of link. If you are using an HTML editor like web weaver all you need to do is select the text you want people to "click" on and then select the link button in the tool bar.

. Lastly click on "OKAY" and the link will be added to your HTML page.

It will look something like this:
<A HREF="http://www.school.edu/history/somepage.html">Select The Desired Text</A>


Image to Text

There are times you may choose to use a small graphic, like an icon, to link to text. Or you may want to give people an opportunity to link to some text about a particular picture. Again you need to select the inline image tag you have in your HTML page. Then select the link button in the tool bar of your HTML editor, and type in the URL to complete the link. See below for an example.

The line in your HTML page will look something like this:

<A HREF="http://www.gfsc.nasa.gov/nasa_hompage.html"><IMG SRC="graphics/2moons.gif""></A>


Text to Image

You create a link like this just as you would create a text to text link(You can still use the Files an Images button in the html editors tool bar to creat your inline images.). The only difference would be that the URL you enter for the image would be a gif file instead of a html file.


Click here to see a picture of MARS

Image to Image

You create a link like this just as you would create an image to text link(You can still use the Files & Images button in the html editor tool bar). The only difference would be that the URL you enter for the image would be a gif file instead of an html file.


Text to Sound Clip

Use the link button to make this type of link. First select your text, and click on the link button. In the address window type the sound clip URL. It may look something like this:

http://seds.lpl.arizona.edu/nineplanets/nineplanets/holst/mars.au

Notice this is not an HTML file, the au at the end indicates it is an audio clip.

Do you recognize this music?


Image to Sound Clip

Use the link button to make this type of link. First select your inline image, and then click on the link button. In the address window type the sound clip URL.


Text to Movie

Use the link button to make this type of link. First select your text, and click on the link button. In the address window type the movie URL. The URL may look something like this:

http://www.acm.uiuc.edu/rml/Mpeg/simpsons-2001.mpg

Click here if you would like to see this clip of the Simpsons

Notice that this file ends with an .mpg, this indicates this is a movie. You need to have a helper application that can play movies to view this link. Many are downloadable for free. Here is one source of Audio and Movie helper applications.


Image to Movie

Use the link button to make this type of link. First select your inline image, and then click on the link button. In the address window type the mvie URL.


Text to E-Mail

This is a really neat way to make it easy for those reading your pages to send a reply to you or someone else. What you need to do is enter your e-mail address where the URL typically goes and then enter your Name in the readable text area so people know who they are mailing to(jdoe@fanal.gov).
See the example below:
<A HREF="mailto:jdoe@fnal.gov">(jdoe@fnal.gov) </A>
If you want to give it a try you can send me a short note, (smeehan@fnalv.fnal.gov).


Image to E-Mail

You may wish to use an Icon or a small picture to act as the launching button to pull up an e-mail message. An icon often is considered more user friendly by some, but be sure that the icon conveys a clear message. Again you set up an inline image and then select this text in your HTML document. Next you click the link button and select other in the Link Type window. (These steps work for those using the Web Weaver program.) This type of link does not start with http or ftp it starts out with mailto:. See an example below.<A HREF="mailto:jdoe@fnal.gov"><IMG Align=Top SRC="graphics/mail.gif"> </A>

Try clicking on this icon to get a mail message form.


____________________________________________________________

Topic Home -- Fermi Education Office -- Calendar -- Index -- Search ____________________________________________________________

Author: Stephen Meehan (smeehan@fnalv.fnal.gov)
Created: October 28, 1995
Written for the Fermilab Education Office's LInC Program