Writing HTML | About | Index | previous | next |

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 different resources on the Internet.

Objectives

After this lesson you will be able to:

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 or address for the item the text is linking to. Text to Activate Link is the hypertext that will show up underlined and in blue in your WWW browser. When a user clicks on this hypertext, the WWW 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 links to a NASA site that has information on volcanoes on the planet Mars. Follow these directions to add anchor links on your HTML document:

  1. Open your Volc.html file in the text editor.
  2. Below the heading, Volcanic Places on Mars, enter the following text:
    
    <a href= 
    "http://www.c3.lanl.gov/~cjhamil/SolarSystem/mars.html">
    Mars</a> has its fair share of volcanic landforms, 
    including the largest volcano in the universe,
    <a href=
    "http://stardust.jpl.nasa.gov/planets/mar/olympus.gif">
    Olympus Mons</a>
    
    Note: The first hyperlink connects to a WWW page that describes information about the planet Mars. The second is a link to a small image of a Martian volcano. See how the carriage returns within the anchor tag (after "a href=" do not affect the functionality of the HTML code.
  3. Save and Reload in your WWW 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 is displayed at the top of the WWW 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.html
You can use your mouse to select and copy a URL from the WWW browser display and then paste it in the anchor tag of your HTML document.

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 information is the US Geological Survey.

Follow these steps:

  1. Connect to the on US Geological Survey Education Index.
  2. From the WWw page, use the mouse to Select the text in the URL field.
  3. From the Edit menu, Copy the URL text.
  4. Open your HTML document in the text editor
  5. Under the heading "References", enter:
    <ul>
    <li> <a href="">Educational Resources from the
    USGS</a>
    </ul>
    
  6. 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:
    <a href="http://info.er.usgs.gov/education/index.html"> 
    Educational Resources from the USGS</a>
    
    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
For additional practice, explore some of the following Internet servers with links for Geology and/or Volcanoes. Add at least two more items to your Reference list:
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 * NGDC Natural Hazards Data * 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 WWW document with a sample of how this document should appear. If your WWW document 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

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

Independent Practice

Create anchor links from your own WWW document 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.

| Lesson Index | previous lesson "URLs" | next lesson "Named Anchors" |


Writing HTML Lesson 8c: Links to the World- Internet Sites
©1995 Maricopa Center for Learning & Instruction (MCLI)
Maricopa County Community College District, Arizona

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