HTML Lessons - Directory Explanation
Return to HTML Lessons


In the body section of the page, create anchor tags for all the letters in the alphabet. center the tags and display them in the Header 3 tag.

<center>
<h3>
<a href="#A">A</a>
<a href="#B">B</a>
<a href="#C">C</a>
. . .
<a href="#X">X</a>
<a href="#Y">Y</a>
<a href="#Z">Z</a>
</h3>
</center>

Create a centered TABLE. Create a ROW and CELL tag.

<center>
<table border="0" width="650" cellpadding="10">
<tr><td>

Define an unordered list. Draw a horizontal ruler.

<ul>
<hr>

Notice that the anchor name tags exist for every letter, even if we don't have a name for that alphabet letter. We simply comment out the letter.

<a name="A"></a><h2>A</h2>
<li>Alans, Jim - <a href="mailto:jim@jim.net">jim@jim.net</a></li>
<a name="B"></a><!-- <h2>B</h2> -->
<a name="C"></a><h2>C</h2>
<li>Cann, Sally - <a href="mailto:sal@sal.net">sal@sal.net</a></li>

Create a line break. Draw a horizontal ruler.

<br>
<hr>

Create an anchor tag to return to the header section.
(This assumes that we have created an anchor name in the header section:
<a name="top"></a>)

<a href="#directory_top">Return to Top of Directory.</a>

End the unordered list. End the CELL, ROW, and TABLE.

</ul>
</td></tr></table>


Top of Page