HTML

Chapter 3 Hyper Text Links

Developing a Web Site 1

Objective

 This chapter will show you how to create

hypertext links--those underlined words
that take you from one Web page to
another when you click on them with
your mouse. 

Developing a Web Site 2

Types of Hypertext Links

 External hypertext links

 Internal hypertext links

Developing a Web Site 3

External Hypertext Links

 External hypertext link is a link from one

page to another page on the different
computer.
 Tag: <A>…</A>
 Attributes: href(address of the page need
to be linked to)

Developing a Web Site 4

External Hypertext Links - continued

 Examples
 <a href="http://www.yahoo.com">Proceed
to Yahoo web site</a>
 <a href="
http://www.coke.com/flashIndex1.html”>Let’
s go to Coca-Cola web site</a>
 <a href="
http://automobiles.honda.com/models/landin
g.asp”>Looking for car?</a>

Developing a Web Site 5

External Hypertext Links - continued

 A link will appear blue to anyone who

hasn't recently visited the page it points
to.
 Once you visit a page, any links to it will
turn purple.

Developing a Web Site 6

Internal Hypertext Links
 Internal hypertext link is a link from one page
to another page on the same computer.
 Examples:
 <a href=“WebPage1.html">Proceed to Web
Page No. 1</a> (same directory and folder
as current)
 <a href=“c:\Cars\honda.html">Proceed to
Honda web site</a> (different directory and
folder compare to current)

Developing a Web Site 7

Internal Hypertext Links
 <a href=“Exercises/Exe1.html">Do exercise
1</a> (same directory and different folder
as current)

Developing a Web Site 8

Summary

 You have learned:

 The creation of click able links between
pages.
 When creating links to other people's pages,
include the full Internet address of each
page in an <A HREF> tag.
 For links between your own pages, include
just the filenames and enough directory
information to get from one page to another.

Developing a Web Site 9