Crear una Tabla de contenidos en html

Vamos a crear una tabla de contenidos para nuestros articulos:

El Tabla de contenidos en html:

<p>Configuraci&oacute;n Inicial al crear una web - Tabla de Contenidos</p>
<ul>
	<li><a href="#evitar_indexacion" target="_self">Evitar Indexaci&oacute;n Worpress</a></li>
	<li><a href="#escoger_editor" target="_self">Escoger Editor</a></li>
	<li><a href="#escoger_tema" target="_self">Escoger Tema</a></li>
	<li><a href="#crear_pagina" target="_self">P&aacute;ginas Worpress</a></li>
	<ul>
		<li><a href="#asociar_pagina_a_pagina_principal" target="_self">Crear una p&aacute;gina</a></li>
		<li><a href="#paginas_y_pagina_inicio" target="_self">Asociar una p&aacute;gina a la p&aacute;gina principal</a></li>
		<li><a href="#implementar_temas_diferentes_en_paginas" target="_self">Como implementar un tema para una p&aacute;gina y otro tema diferente para otras paginas</a></li>
		<li><a href="#mostra_entradas_paginas" target="_self">Mostrar Entradas en las P&aacute;ginas</a></li>
		<li></li>
	</ul>
	<li><a href="#plugins" target="_self">Plugins</a></li>
	<ul>
		<li><a href="#optimizaciones_web" target="_self">Optimizaciones de la web</a></li>
	</ul>
	<li><a href="#Categorias_Worpress" target="_self">Categorias en Worpress</a></li>
	<li><a href="#etiquetas_worpress" target="_self">Etiquetas en Worpress</a></li>
	<li><a href="#comentarios_worpress" target="_self">Comentarios en Worpress</a></li>
	<li><a href="#formularios_worpress" target="_self">Formulario&nbsp; en Worpress</a></li>
</ul>

Si nos damos cuenta en href ponemos # seguido de la clave para seguir la url  ejemplo  #evitar_indexacion, recuerda en deve estar el  target  definido asi  target="_self"

Para eso ya devemos haber definido el titulo encerrado con H2 y el id en este caso id="#evitar_indexacion"

Nuestro Html la etiqueta H2 : 

<h2 id="evitar_indexacion">1) <strong>Evitar indexaci&oacute;n</strong></h2>

Vea Tambien:

Tabla de Contenidos en WordPress sin plugins