Primeros pasos con HTML – Lección 9 – Creación de un menú

El elemento principal de un sitio web es el menú (navegación). A través de él se navega entre las páginas del sitio. El menú también es importante para la indexación del sitio por parte de los motores de búsqueda; sin la conexión entre las páginas, el motor de búsqueda no podrá acceder a todas las páginas. Veamos de qué está compuesto un menú.

Para el menú normalmente se utiliza una lista no ordenada (etiquetas ul, li>), de modo que cada elemento del menú es un elemento de la lista:

...
<ul>
  <li></li>
  <li></li>
<ul>
...

Dentro de la etiqueta li normalmente se insertan enlaces a las páginas:

...
<ul>
  <li>
    <a href="page1.html">Primera página</a>
  </li>
  <li>
    <a href="page2.html">Segunda página</a>
  </li>
<ul>
...

También es bastante común asignar clases e ids al menú y sus elementos:

...
<ul id="menu-1" class="menu">
  <li class="item-1">
    <a href="page1.html">Primera página</a>
  </li>
  <li class="item-2">
    <a href="page2.html">Segunda página</a>
  </li>
<ul>
...

También noten que las páginas a las que se hace referencia (page1.html, page2.html) deben existir; de lo contrario, el navegador no entenderá a dónde intentas redirigirlo.