| Every
Web page has a link, which allows visitors to jump from one page or location to another
page for related information. Links are very important HTML elements. In this articles,
we'll show you how to add links to your Web pages in order to enrich your Web site's
contents and organization. 1. Understanding Links
- Hypertext links use a string of characters or text(called
text anchor) as links. For example, the visitors will have to click on specific string of
characters or text in order to jump to another Web page or site. Normally, these linked
text are highlighted and displayed in different colors, such as blue, for easy
recognition.
- Hypermedia links use images or graphics(called graphic
anchor) as links. For example, visitors will click on a certain graphic or image in order
to jump to another location. Basically, hypermedia links are similar to hypertext links.
Examples of graphic anchors are advertising banners, icons, bullet, etc.
- URL stands for Universal Resource Locator. It's also known
as a Web address. For example, http://www.peopleweb.com
is the URL of PeopleWeb's Web site.
- Absolute reference: An URL reference specifies the exact
computer, directory, and file for a Web page.
- Relative reference: An URL reference specifies files on the
same computer.
2.Adding Links to Your Web Pages
Example1: Creating external hyperlinks
An external links let visitors moved from one page to another. For example, you would
create a link from your homepage to your friend's homepage by using an anchor tag
<A> </A> in your Web page like this one:
<A
HREF="http://www.sjsu.edu/~johnsmith/index.html">Visit John's
Homepage</A>
If our friend, John Smith, has his picture, you can create a graphical anchor on your Web
page to link to his by using <A> and <IMG> tags:
<A
HREF="http://www.sjsu.edu/~johnsmith/index.html"><IMG SRC="photo.jpeg" ALT="John's Photo">Visit John's Homepage</A>
Note: Sometimes, you may specify only:
<A
HREF="http://www.sjsu.edu/~johnsmith"> Visit John's Homepage</A>
Example2: Creating internal links
within a documents
2 steps:
1)<H2 ID = MIDDLE>Here's The
Middle of The Page</H2>
2)<A HREF="MIDDLE">Click Here To Jump to Middle of
the Page</A>
When you click on the hyperlink provided by <A>
</A> tags, you will jump to the middle of the current Web page.
3.Creating Links to Your E-mail
You can provide an e-mail link, so visitors can send a
feedback to you by e-mail. For example:
<A
HREF="mailto:me@mycompany.com">Send Me An E-mail</A>
|