This is the top

This page illustrates linking to parts of page. I have included an image to make the page appear larger when viewed in a browser so that you need to scroll to get to the bottom.

This link will take you to the bottom.

It is linked to the text this is the bottom. If you take a look at the source you can see the html that surrounds the text.

The bit that marks it the the name attribute.

Here is the main parts of the source html with the bookmarks or names anchor in green and the links to them in yellow:

<h1 align="center"><a name="top">This is the top</a> </h1>
<p>This page illustrates linking to parts of page. I have included
an image to make the page appear larger when
viewed in a browser so that you need to scroll to get to the bottom.</p>
<p> This
<a href="#bottom">link</a>
will take you to the bottom. </p>
.........
<img src="../images/left-image.gif" alt="Building a Website" width="596" height="700"/> <br />
<p><a name="bottom">This is the bottom</a></p>
<p>Click<a href="#top"> here</a> to go to the top</p>

You can see that we have

name=top and name =bottom

At the bottom there is a link back to the top to the text this is the top.

This is the bottom

Click here to go to the top

[1-main-menu-nav.htm]

Resources