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:
- Create an anchor to link to an Internet site.
- Quickly copy the URL for a site and use it in your 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 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:
- Open your
Volc.html
file in the text editor.
- 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.
- 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:
- Connect to the
on
US Geological Survey Education Index.
- From the WWw page, use the mouse to Select the text in
the URL field.
- From the Edit menu, Copy the URL text.
- 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:
<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
- 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 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