Creating Anchors
Have you ever been looking at a web page that is divided into sections, but you have to scroll all the way down to find the information or subhead you were looking for?
Well, anchors take care of that problem. Anchors allow you to put links within a single web page to different parts of the page. For those of you who are visual learners, click here. Good you're back. Anchors have many good uses and when your web page gets long, it is highly recommended that you use them so your viewers - many of which will be easily distracted students, can find exactly what they are seeking quickly.
There are two steps in creating an anchor,
|
1. First locate where you want to place the anchor and click your cursor. |
|
|
|
|
|
2. Now find the Insert Anchor button on the menu bar and click on it. |
|
|
|
|
|
3. Assign your anchor an appropriate name. As with everything regarding the Internet, keep it short, but make sure it makes sense. Hit OK when you have named it. In this case I will have the anchor return to the lead paragraph at the top of page, so I used just the word "top." |
|
|
|
|
|
4. Once you
have hit OK, you will notice a little square box with an
anchor image Now move on to linking to the anchor. |
|
|
|
|
|
1. Select (highlight) the text that you wish to link to the anchor with your mouse. |
|
|
|
|
|
2. Find the Link Editor button and click on it. |
|
|
|
|
|
3. Click and hold on the button on the far right hand side of the dialogue box. |
|
|
|
|
|
4. Move the mouse down to Link to Open File. Then go over to the name of your current file (anchor.html in the example). Finally, move the mouse down to the desire anchor (top). |
|
![]() |
|
|
|
|
|
5. The URL should read "#top". If you have the anchor names memorized you could just type it in, adding the "#" in front. |
|
This is an example of an anchor. We are still in the same web page, but we have gone to a specific part of it. Return to where you started.
Written by Dan
McDowell
Last updated on July 7, 1998