BASIC CONCEPTS IN HTML CODE FOR WEB PAGES
CREATING LINK CODE
[Link Code
on a Web Page]
On its own, one Web Page may be attractive and interesting, but it is only one
page among thousands.
If a group of pages are not linked, the user would have to know and type in the
"URL" of each page to move forward or back.
Links enable the pages to be "turned" and viewed by the user with a click of the
mouse button.
Links move a viewer to an e-mail function, to another page, from one site to
another, or from one part to another of a very long page.
The tag for that action, called an "anchor" is:
<A> </A>
In a destination link, the <A> is accompanied by HREF= which is:
"Hypertext REFerence" and targets the point a page creator wants the tag to link
to.
<A HREF= "destination"> <Name Destination> </A>
[E-Mail Links from Web Pages]
An e-mail link may look something like:
EEHealy@VEREN.com
<A HREF="mailto:eehealy@veren.com">
<B>EEHealy@VEREN.com</A></B>
The first part of the tag creates the "link" and the second part presents the
text describing the link.
To insert an automation subject in that same link you would need to add
"?subject=Using Links" after the first part of the code.
<A HREF="mailto:eehealy@veren.com?subject=Using Links">
<B>EEHealy@VEREN.com</A></B>
[Presenting Page Links]
The link back to the first page of this presentation appears on the Web Page as:
"HOME"
In the HTML file it is typed in:
<A HREF="index.html"><B>HOME</B></A>
The tag indicates:
1. <A - open "brackets" to start the link tag...
2. HREF= - reference the following...
3. "index.html"> - the file name, and close "brackets"...
4. <B> - make the name boldface type...
5. (type in the desired name) Back to Home Page
6. (the type is automatically colored and underlined)
7. </B> - to deactivate the boldface.
8. A> - close "brackets" to end the link tag...
[Linking Topics on a Long Page]
Some webpage makers choose to have one very long document instead of linking several
pages.
"Anchors" within the page enable the user to navigate easily.
Linking to the anchors within the page require the point at which the link in the
document be referenced.
The link looks like:
<A HREF="#EXAMPLE"><Name Destination> </A>
Somewhere on the page, the "target"
<A NAME= "EXAMPLE"> must be entered for the link to work properly.
For example, to link to the instructions about how to link with e-mail on this
page, the entry is:
<A HREF="#MAIL"><E-Mail Links from Web Pages>
Although it does not appear on the screen as text, the "target" of the link:
<A HREF="#MAIL"> is typed in the HTML document, next to the line of text near
the beginning of this page that says:
<A NAME= "MAIL"></A>
An example at the bottom of this page uses a graphic to indicate a link back to
the top of the page.
The Link code may look like this for a graphic:
<a href="#"><img border="0" src="top.gif"></a>
The Link code may look like this for a text:
<a href="#"><B>Go To Top</B></a>
IMPORTANT:
The pound sign -- # must precede the name of the "target" at the start point
(where the user clicks to "go") for it to link.
At the termination point in the document (where the link winds up) there is no #
-- sign in front of the target word.
Return to Educational Resources Index
