Creating Links


What we'll be learning:
  1. How to create a link to another Web page using HTTP
  2. How to create an Anchor
  3. How to link to email

Let's Get Started!

How to create a link to another Web page using HTTP:


Once you learn this format, you can make as many links as you want to any other page you want.
To begin:
Type <A HREF="url.address">Type here the name of the page you are linking</A>

Here is another example:

<A HREF="http://www.crpc.rice.edu/CRPC/GirlTECH/silha/Lessons/recipe.html">Cooking up Fractions </A>
This is what will appear on the page if you use the command above....
Cooking up Fractions


How to create an Anchor:


Normally, a click on a link brings the user to the top of the appropriate Web page. If you want to have the user jump to a specific section of the Web page, you have to create an anchor.

Here's how it's done:

Place the cursor in the part of the Web page that you wish the user to jump to.
Now Type <A NAME="anchor name">Add words you wish to be referenced</A>

Ok. Let's try to put that into English... Hold onto your seats!

Let's say I want to be able to click on number 1. from the top: How to create a link to another Web page using HTTP: and have it anchored directly to the directions.

This is what we'll do:

1. Go to number 1. How to create a link to another Web page using HTTP
2. Click before the title and type
<A HREF=#give your anchor a name here. For now, let's use demo> How to create a link to another Web page using HTTP></A>
3. Now move down to the part of the Web page that you wish the user to jump to.
4. Click before the title and type
<A NAME= demo >How to create a link to another Web page using HTTP></A>
5. That's it...You're done!

How to link to email:

If you survived: How to Create an Anchor......This should be a breeze!
Allowing people to write to you from your page is quite simple.

Just use the following formula:
<A HREF="mailto:enter your email address here">Send me comments</A>

What this does is place the blue wording on the screen so people can click on it to send you a piece of email.
Here's another example:
<A HREF="mailto:silha@cs.rice.edu">Send me comments</A> This is what you'll get using the mailto command above:
Send me comments




Back to Schedule

This page was developed through GirlTECH '97, a teacher training and student technology council program sponsored by the Center for Research on Parallel Computation (CRPC), a National Science Foundation-funded Science and Technology Center. Thanks to the RGK Foundation for its generous support.