TechTrain "Just-In-Time" - SEARCH for mini-lessons for busy people!"Step-By-Step" tutorials and lesson modules.TechTrain Home
About TechTrain
Step- By-Step
Just- In-Time Search
Products
Services
Guestbook
Technology Certificates
Graduate Courses
Interactive Internet Email
Communication
FTP (File Transfer Protocol), Telnet, and Gopher
World Wide Web Search 		Build Web Pages Create a Simple Page
Create a Second Page
Link to a Web Page
Graphics and Colors on your Web Page
Create a
Second Page		 Create 2nd Page
URLs
Linking (Anchor Tag) 		Create 2nd Page Lesson
URLs Lesson
Linking Lesson 		Create 2nd Page Example
URLs Example
Linking Example
Notice the HTML for our second Web page. The second page will be saved with the name, "pagetwo.html"

Type the following HTML instructions in the Notepad word processing program.
The second page will be saved with the name, "pagetwo.html".
Follow the Save instructions you learned in the Create a Simple Page Lesson.
Then, click on "Page2 Example" to see what your Web page should look like so far.
 
Page2 Example
  1. Open Notepad
    To open Notepad, click on Start | Programs | Accessories | Notepad
  2. Type the following HTML instructions in the Notepad program.
    <HTML>
    <HEAD>
    <TITLE>My Second Web Page</TITLE>
    </HEAD>
    <BODY>
    <H1>Linking</H1>
    <H3>Using the Anchor Tag</H3>
    <OL>     <LI>Format of the Anchor Tag</LI>
    <LI>Uniform Resource Locator (URL)</LI>
    <LI>Linking to Another Web Page</LI>     </OL>
    <P>Click here to go to YAHOO!
    Yahoo is an Internet Search Engine.
    Click here to download a Microsoft file </P>
    </BODY>
    </HTML>
  3. Save your Notepad file.
  4. Open your Web page in a browser.
  5. Then, click on the "Page2 Example" link to see if your Web page looks like the example.
  Top of Page
A Uniform Resource Locator (URL) is the name for an Internet address. The format for a URL is shown below.
tool://domainname/path/file Tools
Internet tools include:
1. http:// (hypertext transfer protocol) the tool used to access Web pages)
2. gopher:// (the tool used to access information on the Internet, but not from Web pages)
3. telnet:// (the tool used to access information from computers around the world by having your computer act as a terminal to the host computer)
4. mailto: (tool used for e-mail access)

Domain Name: The domainname is the name assigned to the computer where data is stored.
Path: A path is the series of folders or directories identifying the location of the data you are seeking.
File: The filename is the name assigned to the specific file you are seeking.

Click on the links below to visit these Web site
URL Example

tool://domainname/path/file

  1. http://www.yahoo.com
  2. http://www.whitehouse.gov
  3. ftp://ftp.microsoft.com
  4. http://www.techtrainteam.com/courses/classes.html
    In example 4,
    http:// is the Tool,
    www.techtrainteam.com is the domain name
    /courses/ is the Path
    classes.html is the file name
  Top of Page

The "anchor" tag includes the URL or Internet address to link to. The format for the "anchor" tag is shown in the area below.

Notice that the anchor tag is more complex than tags used previously. The "anchor" tag is still identified with < and > symbols. However, the A (for anchor) is followed by the URL to be linked to when the "hypertext" is clicked.

Notice the HTML for our second Web page at the bottom of this page. Use this HTML code and redo the file named, "pagetwo.html"

The format of the Anchor Tag is:
<A    (Beginning of Anchor Tag)
HREF=". . ."   (Hypertext Reference - URL to link to)
Words to Click on (HYPERLINK)
A>    (Ending of Anchor Tag)

<A HREF="URL">hypertext</A>
Remember that format for URL is: tool://domainname/path/file

<A HREF="http://www.yahoo.com">Click here for Yahoo</A>
http:// is the tool
www.yahoo.com is the domainname
In this case there is no path or filename.

<A HREF="gopher://gopher.umich.edu> Gopher to University of Michigan</A>
gopher:// is the tool
gopher.umich.edu is the domainname
In this case there is no path or filename.

<A HREF="ftp://ftp.microsoft.com/desktop/wordfile.doc">Download from microsoft</A>
ftp:// is the tool
ftp.microsoft.com is the domainname
desktop is the path
wordfile.doc is the filename.

Anchor Example
  1. Open Notepad
    To open Notepad, click on Start | Programs | Accessories | Notepad
  2. Type the following HTML instructions in the Notepad program.
    <HTML>
    <HEAD>
    <TITLE>My Second Web Page</TITLE>
    </HEAD>
    <BODY>
    <H1>Linking</H1>
    <H3>Using the Anchor Tag</H3>
    <OL>     <LI>Format of the Anchor Tag</LI>
    <LI>Uniform Resource Locator (URL)</LI>
    <LI>Linking to Another Web Page</LI>     </OL>
    <P>Click here to go to
    <A HREF="http://www.yahoo.com"> YAHOO! </A>
    Yahoo is an Internet Search Engine.
    Click here to
    <A HREF="ftp://ftp.microsoft.com/desktop/wordfile.doc"> DOWNLOAD </A>
    a Microsoft file </P>
    </BODY>
    </HTML>
  3. Save your Notepad file.
  4. Open your Web page in a browser.
  5. Click on the "Anchor Examples" to see examples of the Anchor Tag at work.
  Top of Page
 
TechTrain Home
© Technology Training Team
Please contact us at TechTrainTeam