Writing HTML | About | FAQ | Alumni | Tags | Index | back | next |

8c. Links to the World- Internet Sites

You've been revving your engines, and itching to hit the Information SuperHighway, right? Here, we will extend our use of anchor tags to create links to resources out there on the Internet.

Objectives

After this lesson you will be able to:

Create an anchor to link to an Internet site.
Quickly copy the URL for a site and use it in your HTML document.

Lesson

Note: If you do not have the working document from the previous lesson, download a copy now.

HTML for Anchors to the Internet

Linking to a site on the Internet combines what we have worked on earlier in the lessons on Links to Local Files (Lesson 8a) by incorporating what we have learned about URLs (Lesson 8b). The full HTML format for an anchor link to an item on the Internet is:

     <a href="URL">Text to Activate Link</a>

where URL is the full Uniform Resource Locator, in quotes, the address for the Internet site where you want to send the viewer. The string Text to Activate Link is what will show up as hypertext in your web browser (usually but not always) underlined and in blue. When a viewer clicks on this hypertext, the web browser will link them to the Internet site indicated by the URL. Remember that a URL can be a link to another World Wide Web (WWW) server, Gopher server, FTP site, or any text, graphic, sound, video file on these servers.

Now, we will add a hypertext link to a NASA site that has information about volcanoes on the planet Mars. Follow these directions to add anchor links on your HTML document:

Open your Volc.htm file in the text editor.

Below the heading, Volcanic Places on Mars, enter the following text:

<IMG SRC=/images/signs/litebolt.gif ALIGN=CENTER>
Note:  We've made a link to two different types
of information. The first hyperlink connects to a web page
that describes information about the planet Mars. The second is a link to
a small GIF image of a Martian volcano. 

Save and Reload in your web browser

A Quick 'n Easy Way to Enter URLs in Anchor Tags

As you navigate among documents in the WWW, the URL of the currently visible page can be displayed at the top of the web browser window (You may have to look for a menu option to Display URLs). For example, in this document, the URL looks something like:

   http://www.mcli.dist.maricopa.edu/tut/tut8c.htm

You can use your mouse to select and copy a URL from the web browser display and then paste it in the anchor tag of your HTML document. This is much more efficient than writing URLs down on paper (some are quire long!). You can also use the bookmark or hotlist features of your web browser. Or, you can keep a text document available where you can cut and paste new URLs.

Now we will add some links to other sites that we will list under the References section of our Volcano lesson. One such site that might offer relevant information is the US Geological Survey.

Follow these steps:

Connect to the US Geological Survey Education Index.
From the web page, use the mouse to Select the URL as displayed in the URL display field.
From the Edit menu, Copy the URL.
Open your HTML document in the text editor

Under the heading "References", enter:

<ul>
<li> <a href="">Educational Resources from the
USGS</a>
</ul>

Click the mouse once between the two quote marks and Paste the text you copied in step (3) The final anchor tag should look like:

<IMG SRC=/images/signs/litebolt.gif ALIGN=CENTER>
Note: You have just set up the HTML structure for an
Unordered List, with each list item a hypertext link to a site that offers
information about volcanoes. For a review of Lists, see lesson 6

NOTE: Users of NetScape can get URLs in another way. For Macintosh versions, just hold the mouse down on any hypertext on a web page and when the popup menu appears, select Copy This Link Location. In the Windows version, hold down the right mouse button to get this same menu. Now you can just paste the URL in your HTML documents.

For additional practice, explore some of the following Internet sites with resources Geology and/or Volcanoes. Add at least two more items to your Reference section:

Sites with Information on Volcanoes:: Alaska Volcano Observatory * Cascades Volcano Observatory * Michigan Tech Volcanoes Page * NASA Earth Observing System (EOS) IDS Volcanology Team * NASA Facts: Volcanoes and Global Climate Change * Smithsonian Global Volcanism Program * Volcano Listserv * Volcano Watch Newsletter * JASON Project VI: Island Earth
Sites with Information on Natural Hazards:: Disaster Information * Emergency Preparedness Information eXchnage (EPIX) * NGDC Natural Hazards Data
Sites with General Information in Geology:: Earth Resources Observation Systems (EROS) Data Center * EINet Galaxy * Environmental Internet Catalog * NASA Internet Connections * NOAA Environmental Information Server * Planet Earth Home Page * Rice University * United States Geological Survey * Whole Internet Catalog * WWW Virtual Library

Check Your Work

Compare your web page with a sample of how this document should appear. If your web page was different than the sample or the links do not properly connect to a remote site, review the text you entered in the text editor. Note that your list of references may be different from the example.

Review Topics

What is the address for an item on the Internet?
What steps did you take for creating an anchor link to the NASA Internet Site?
What shortcut was identified for putting an URL into an anchor link?
Tell a neighbor about any other Internet anchor links that you put in your document.

Independent Practice

Create anchor links from your own web page that connect to some of the URLs addresses you have discovered.

Coming Next....

In the next lesson you will create links that connect to different sections of an HTML document.

GO TO.... | Lesson Index | back: "URLs" | next: "Named Anchors" |

Writing HTML Lesson 8c: Links to the World- Internet Sites

The Internet Connection at MCLI is Alan Levine --}
Comments to levine@maricopa.edu

URL: http://www.mcli.dist.maricopa.edu/tut/tut8c.htm