no se donde escribir el texto

Hola que tal; perdonen la molestia, pero tengo un pequeño problema con mi pagina; quiero hacer un apartado dividido por las letras del abecedario, de tal forma que pinchando en cada una de las letras salgan palabras que empiezen por esa letra, (tipo diccionario); tengo un codigo, que no se si será el mejor pero no se donde escribir el texto que aparezca cuando pinchas las letras; el codigo es el siguiente; espero puedan ayudarme, muchisimas gracias y un saludo.-



<style type="text/css">

/*Credits: Dynamic Drive CSS Library */

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none;
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

</style>
<br />
<br />
<div class="pagination">
<ul>
<li><a href="#" class="currentpage">a</a></li>
<li><a href="#">b</a></li>
<li><a href="#">c</a></li>
<li><a href="#">d</a></li>
<li><a href="#">e</a></li>
<li><a href="#">f</a></li>
<li><a href="#">g</a></li>
<li><a href="#">h</a></li>
<li><a href="#">i</a></li>
<li><a href="#">j</a></li>
<li><a href="#">k</a></li>
<li><a href="#">l</a></li>
<li><a href="#">m</a></li>
<li><a href="#">n</a></li>
<li><a href="#">ñ</a></li>
<li><a href="#">o</a></li>
<li><a href="#">p</a></li>
<li><a href="#">q</a></li>
<li><a href="#">r</a></li>
<li><a href="#">s</a></li>
<li><a href="#">t</a></li>
<li><a href="#">u</a></li>
<li><a href="#">v</a></li>
<li><a href="#">w</a></li>
<li><a href="#">x</a></li>
<li><a href="#">y</a></li>
<li><a href="#">z</a></li>
</ul>
</div>

Hola!,

Según este cogido que usted pone cual es este:

usted puede ponerlo en una pagina de su web lo que debe hacer es modificar los # por la url de la pagina cual sera redirecionada esa letra, el cogido se vera haci:

http://help-pwg.es.tl/abecedario.htm

si usted apreta en la letra i seria redirecionado al index de help-pwg.es.tl
espero que haya entendido cualquier duda puede postiar en este mismo tema

Atte: Equipo Help-PwG!

Muchas gracias por tu rápida respuesta; pero no es exactamente lo que busco; yo no quiero que me enlaze con otra página, sino escribir yo mismo el texto; entonces no se si debería ser otro código o tengo que crear las páginas para enlazarlas; muchas gracias de nuevo