600330 HTML Links within your page

HTML Links within your page

<HTML>

<HEAD>
<TITLE>
What you put here is what appears at the top of the browser window (in the blue section) AND it is what the page is called when you add a bookmark for it
</TITLE>
</HEAD>

<BODY>

<a name="top"></a>Top

<a href="#Middle">[Go to Middle]</a>   <a href="#bottom">[Go to Bottom]</a>

There are two features used in the body of your HTML. The and the . The is a paragraph break and puts an extra line between paragraphs. The is a line break. The does not have a closing ().

<a name="middle"></a>Middle

If you wanted to type a poem, you could put:

Roses are red, 
Violets are blue, 
Sugar is sweet, 
and so are you.

<a href="#top">Go to Top</a>    <a href="#Middle">Go to Middle</a>
<a name="bottom"></a>Bottom

</BODY>

</HTML>

The html code in the example would produce the following on your web page:

Top [Go to Middle] [Go to Bottom]

There are two features used in the body of your HTML. The and the . The is a paragraph break and puts an extra line between paragraphs. The is a line break. The does not have a closing ().

Middle

If you wanted to type a poem, you could put:

Roses are red,
Violets are blue,
Sugar is sweet,
and so are you.

[Go to Top] [Go to Middle] Bottom

  represents one space and can be used in multiples to provide spacing between words or tags

To reference a point somewhere in your page, you need two tags. The first identifies the spot where you want to go and the second is the link to get there.

To identify the spot where you want to go, you use:

You do not need to put a "marker" to show where it is in your page you are linking to but you can if you want by using:

<a name="top"></a>Top

Then, you need a link that will take you where you want to go in your page. For that, you need:

Where #top is the pointer to the area you previously named "top" and "Go to Top" is what becomes the underlined link to that area (the words on which your viewer will click to go to the location they want to see next).

Another example of links within your page are vocabulary lists where you have the letters of the alphabet across the top of your document that take you to that letter within the page. Plus, within the page, there are links to take you back to the top of the page where the alphabet is located.

Make a new web page. Set it up to be an alphabet vocabulary list.

Put the alphabet list across the top, the letters down the page, with a "return to top" link after each letter.
Call it abc.html

COMMENTS (in other words, documentation) for your HTML. Use:

Start NOW to document your pages so that when you go back to them, those tricky items like tables within tables within tables won't come back to haunt you! Anything between <COMMENT> AND </COMMENT> will not show up on your page. You will only see it if you view the source for the page.

[CF] [CBA2] [PBA] [CPB] [Return to HTML Index] [SEND E-MAIL] [RETURN TO MS GUNN'S SCHOOL PAGE]

Designed, programmed, edited and copyrighted by Ms Gunn � 1998