The Missing Links
Why is it called the World Wide Web? Links are what make the Web a web!. You
can add links or hyperlinks, that connect your page to any other site on the Net, and any other site
can link back to you.
When you want to build a link, the first thing you need is the URL of the page you're
linking to.
URL: Stands for "Uniform Resource Locator." The "URL" is
the
"address" of a web page. For example, the URL or address of the Buffalo High
School HTML is http://www.geocities.com/bisonhtml/
Then decide which word, or words, on your page will act as the link. The link will be
the hot spot, where people can click if they want to go somewhere else. Links are
generally underlined, and appear on the browser in a different color than the rest of the
text. The default color for links is blue, but this can be altered.
To create a link, you should place your selected words between the anchor
tags, <A HREF="address">
and </A>,
replacing address with the correct URL. The HREF
may seem cryptic, but it's just an abbreviation for Hypertext REFerence.
Translation: It tells the browser what file it's referencing and where to find it.
The HTML for a link to the beginning of Buffalo High School HTML would appear like this:
<A
HREF="http://www.geocities.com/bisonhtml">Visit Buffalo High School</A>
And would appear in a browser like this: Visit
Buffalo High School
Note that the URL is enclosed in quotations marks, and that there are are no spaces
between any of the characters, from HREF to the
closing ">. Remember to
close off a link with the </A> tag, or
your entire page will become one long messy link and that can be a real problem, let alone
very frustrating for anyone visiting your page.
Links to Other Pages of Your Own:
Anchor tags can be used to direct the browser to other web pages or images that you have stored
on your server. You will still need to know your URL. If your server allows you to store all of
your web pages in a single directory, it will be very easy. You would simply make a link to the
page by using the file name as the URL.
<A HREF="page2.html">My Second
Page</A>
Mailto
<A HREF="MAILTO:address">...</A>
Not every link on the Web leads to another Web page. Often, pages include links that
let people send email to a particular address. This type of link is known as a MAILTO:, and is just as easy to build as a
link to another page.
When creating a link, you sandwich the linked words with the tags <A HREF="address"> and </A>.
MAILTO: is exactly the same,
except you replace the address with an email
address instead of a URL.
Here is the HTML for a link allowing the person "clicking" it to send you
email.
<A HREF="MAILTO:yourname@yourprovider.com">Email
me</A>.
Substitute your email address in the tag of course. Write what ever you want to show on
the web page between the opening and closing tags, such as "Email me" or
"Email Danny". It is good to always include an email link to yourself on your
web page. This way people viewing your page can give you feedback.
If your email address were websurfer@surfer.com, your HTML might read:
<A
HREF="MAILTO:websurfer@surfer.com">websurfer@surfer.com</A>
And the page would appear like this:
websurfer@surfer.com
Of course, the words can say anything you want, such as:
<A
HREF="MAILTO:websurfer@surfer.com">Send
me some email!</A>
Which appears like this:
Send me some email!
Are you ready to do some links?
By now you should know how to use the Advanced
HTML Editor, so I will just provide the link to the File Manager
from now on. File
Manager
I believe this is where we left off:
<BODY BGCOLOR="#FFFFCC" TEXT="color">
<!--#geoguide-->
<H3
ALIGN="CENTER"><U>Welcome
to My Homework Page</U></H3>
<P><FONT SIZE="+1" FACE="your
font">This
is my homework page for <B>YMS HTML Class</B>. This is a lot
<I>easier</I> than I thought.</FONT>
<P><FONT SIZE="+1" FACE="your
font"> I have learned how to add color, make text bold, make it small, and
make it
large. I know how to make paragraphs and soon I will know how to add a<BR> break to a line where ever I want one.</FONT>
</BODY>
And it looks like this:
[Your GeoGuide here]
Welcome to My Homework
Page
This is my homework page for BHS HTML Class.
This is a lot easier than I thought.
I have learned how to add color, make text bold, make it small,
and make it large. I know how to make paragraphs and soon I will know how to add a
break to a line where ever I want one.
Let's add two links this time:
Go to File Manager and add the
following links:
<BODY BGCOLOR="#FFFFCC" TEXT="color">
<!--#geoguide-->
<H3
ALIGN="CENTER"<U>Welcome
to My Homework Page</U></H3>
<P><FONT SIZE="+1" FACE="your
font">This
is my homework page for <B>BHS HTML Class</B>. This is a lot
<I>easier</I> than I thought.</FONT>
<P><FONT SIZE="+1" FACE="your
font"> I have learned how to add color, make text bold, make it small, and
make it
large. I know how to make paragraphs and soon I will know how to add a<BR> break to a line where ever I want one.</FONT>
<P><FONT SIZE="+1" FACE="your
font"> You should visit <A
HREF="http://www.geocities.com/bisonhtml">Buffalo High School</A>.They have great students, parents, faculty, staff, and
administrators!</FONT>
<P><FONT
SIZE="+1" FACE="your font"> If you would like
more information about the
BHS HTML Class, you can
<A HREF="MAILTO:bisonhtml@Yahoo.com">send me an email</A>.</FONT>
</BODY>
And it should look like this:
[Your GeoGuide here]
Welcome to My Homework
Page
This is my homework page for BHS HTML Class.
This is a lot easier than I thought.
I have learned how to add color, make text bold, make it small,
and make it large. I know how to make paragraphs and soon I will know how to add a
break to a line where ever I want one.
You should visit Buffalo High School. They have
great students, parents, faculty, staff and administrators!
If you would like more information about the BHS HTML Class, you
can send me an email.