Placing A-Z click-ons on top of my webpage

A

autopost

Guest
I have a one-page A-Z list of items for sale and would like to have the alphabet on the top of the page so that if someone wants to go, say, to the letter "M" all they have to do is click on the "M" at the top of the page and they will automatically be taken there.<br />
<br />
Of course I have done this as a user on numerous webpages and sites but have never constructed HTML tags myself.<br />
<br />
Other than knowing <P> and <br> to break up text, I am an HTML beginner.<br />
<br />
THANKS!<!--content-->it is all on one page or seperate pages?<br />
<br />
if one page you can do this<br />
<br />
<a href=http://www.htmlforums.com/archive/index.php/"#A">A</a><br />
<a href=http://www.htmlforums.com/archive/index.php/"#B">B</a><br />
<a href=http://www.htmlforums.com/archive/index.php/"#C">C</a><br />
<br />
then in your document where the A's start you add this<br />
<br />
<a name="A"></a><br />
<br />
then you do the same with the rest. then when somebody clicks on the A it will go to the start of the A's. and so forth.<br />
<br />
if it is all different pages then instead of doing that you do this<br />
<br />
<a href=http://www.htmlforums.com/archive/index.php/"Apage.html">A</a><br />
<br />
and that will load the A page.<br />
<br />
if you have a hrd time understanding then visit <!-- w --><a class="postlink" href="http://www.w3schools.com">www.w3schools.com</a><!-- w --> and they can teach you the basics.<!--content--><html><head><title>Alphabet</title></head><br />
<body><br />
<div style="text-align:center;"><br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">A</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">B</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">C</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">D</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">E</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">F</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">G</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">H</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">I</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">J</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">K</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">L</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">M</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">N</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">O</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">P</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">Q</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">R</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">S</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">T</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">U</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">V</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">W</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">X</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">Y</a>&nbsp;<br />
<a href=http://www.htmlforums.com/archive/index.php/"a.html">Z</a>&nbsp;<br />
</div><br />
</body><br />
</html><!--content-->Beat me too.<br />
Guess I need to type faster.<br />
<br />
<font face="Verdana,Arial" color="#000000" size="-2"><br />
<a href=http://www.htmlforums.com/archive/index.php/"#A">A</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#B">B</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#C">C</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#D">D</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#E">E</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#F">F</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#G">G</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#H">H</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#I">I</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#J">J</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#K">K</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#L">L</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#M">M</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#N">N</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#O">O</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#P">P</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#Q">Q</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#R">R</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#S">S</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#T">T</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#U">U</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#V">V</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#W">W</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#X">X</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#Y">Y</a> | <br />
<a href=http://www.htmlforums.com/archive/index.php/"#Z">Z</a><br />
</font><br />
<br />
<br />
<a name="A"></a><br />
Your A contents<br />
<br />
<a name="B"></a><br />
Your B contents<br />
<br />
ect.......<br />
<br />
<br />
.....Willy<!--content-->yeah a whole 20 minutes faster :P<!--content-->Yeah but I codes was complete.<br />
Not just an example. :D <br />
<br />
....Willy<!--content-->
 
You must log in or register to reply here.
Back
Top