Welcome Back!

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.

Back Next

Home