Create a Second Web Page using HTML

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/fileTools
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 siteURL Example tool://domainname/path/filehttp://www.yahoo.comhttp://www.whitehouse.govftp://ftp.microsoft.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
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 ExampleOpen Notepad
To open Notepad, click on Start | Programs | Accessories | Notepad
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>Save your Notepad file.Open your Web page in a browser.Click on the “Anchor Examples” to see examples of the Anchor Tag at work.