I want to create a A-Z Glossary for my one of my webpages and I don’t have any background of html, Please help. Thanks a ton.
In that page, there would be a one line A-Z alphabet list on top with individual links under each letter.
When you click on individual Letter, ‘C’ for example, it will automatically jump to the right section of index begins with that letter, ie, ‘C’.
That’s a lot of work to do by hand (maintaining the glossary, that is). Setting it up is fairly easy:
<ul>
<li> < a href="#go_a">A</a> </li>
<li> < a href="#go_b">B</a> </li>
<li> < a href="#go_c">B</a> </li>
… etc.
</ul>
<dl>
<dt> <a name="go_a"> A </a> </dt>
<dd>
CONTENTS of A
</dd>
<dt> <a name="go_b"> B </a> </dt>
<dd>
CONTENTS of B
</dd>
<dt> <a name="go_c"> C </a> </dt>
<dd>
CONTENTS of C
</dd>
… etc.
</dl>
Use a list (UL) to create the index; that’s the correct way to make a menu. Then use CSS to style the list so that all letters line up horizontally instead of vertically.
The Definition List (DL) is especially fit for lists like glossaries.
EDIT:
The anchor tag can be EITHER "name" or "href", never both at the same time.
So never put a href inside a a name tag.