Simple Web Page Anchors
August 24, 2009 | Leave a Comment
How to Create an Anchor Menu
This tutorial will teach you how to create a anchor or jump menu from links.
You can view a working one in the blue text below.
Instructions:
- Create a menu.
- In the area you would like the menu to jump create an anchor by doing the
following.:<a name=”toys” id=”toys”></a>
(with your own anchors and links of course.)\ - Then in your menu usually near the top of the page
find the link name you want to jump and for the link address enter something
like this: <a href=”#toys”>toys </a>
Example Menu
Welcome!
Click a link above to jump!
Curabitur sit amet ipsum tempor neque lacinia feugiat.
Morbi malesuada blandit velit. Class aptent taciti sociosqu ad litora torquent
per conubia nostra, per inceptos hymenaeos. Nunc ante lorem, consectetuer nec,
tristique in, pulvinar in, dolor. Donec non est eget orci eleifend imperdiet.
Etiam non pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
eu metus. Suspendisse felis enim, egestas vitae, suscipit eu, elementum a, neque.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam aliquam luctus
magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. In volutpat elementum metus. Integer porttitor, velit in
nonummy auctor, leo mauris sagittis libero, vel fermentum tellus tortor at velit.
Vivamus aliquet, lectus ut bibendum mattis, velit neque
ullamcorper neque, quis porta elit ipsum et ante. Nunc vitae ipsum. Praesent
blandit leo nec elit. In dictum elit nec quam. Vivamus dictum nibh at sem. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Sed tellus. Morbi tristique imperdiet arcu. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae; Sed lorem tellus, sollicitudin
sit amet, facilisis quis, rutrum vel, urna. Donec non nulla sit amet diam sodales
dapibus. Cras porta. Quisque porta nulla a pede. Ut ultrices velit sit amet
erat.
Toys (back
to top)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean auctor. Quisque placerat sollicitudin orci. Etiam ante dolor, pretium
vel, scelerisque id, pharetra sed, odio. Mauris nec erat. Maecenas pretium.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. In dapibus arcu in nulla. Aliquam tempor lectus eu velit. Morbi
augue dolor, condimentum dignissim, interdum sit amet, hendrerit id, nisi. Duis
euismod dictum dui. Ut interdum lectus eget tortor. Proin dolor metus, scelerisque
a, scelerisque vitae, malesuada ac, elit. Nulla aliquam semper odio. Maecenas
tempor felis at felis. Aliquam interdum sapien in mauris.
Nunc tellus. Nam id ipsum ac mauris dictum gravida. Aliquam
interdum metus ac neque. In vitae lacus. Sed laoreet scelerisque magna. Donec
mattis erat in lectus. Aenean enim massa, sodales nec, ultricies eget, consequat
non, dui. Etiam pretium aliquet nisi. Nam vulputate nonummy magna. Morbi risus.
Suspendisse potenti.
Vestibulum ante ipsum primis in faucibus orci luctus
et ultrices posuere cubilia Curae; Nunc fringilla metus vel sem. Nullam nec
sem. Sed ultricies nisi vitae elit. Nulla pede purus, porta ut, vehicula at,
sollicitudin id, lectus. Etiam lectus purus, sodales eget, ultricies vitae,
tristique vitae, nibh. Integer interdum nibh eu sapien. Ut lacinia. Curabitur
tincidunt bibendum massa. Suspendisse potenti.
Candy (back
to top)
Nunc tellus. Nam id ipsum ac mauris dictum gravida. Aliquam
interdum metus ac neque. In vitae lacus. Sed laoreet scelerisque magna. Donec
mattis erat in lectus. Aenean enim massa, sodales nec, ultricies eget, consequat
non, dui. Etiam pretium aliquet nisi. Nam vulputate nonummy magna. Morbi risus.
Suspendisse potenti.
Vestibulum ante ipsum primis in faucibus orci luctus
et ultrices posuere cubilia Curae; Nunc fringilla metus vel sem. Nullam nec
sem. Sed ultricies nisi vitae elit. Nulla pede purus, porta ut, vehicula at,
sollicitudin id, lectus. Etiam lectus purus, sodales eget, ultricies vitae,
tristique vitae, nibh. Integer interdum nibh eu sapien. Ut lacinia. Curabitur
tincidunt bibendum massa. Suspendisse potenti.