Cómo crear una barra de navegación de texto en HTML

Cómo crear una barra de navegación de texto en HTML: la opción <dummies

Incluir una barra de navegación ayuda a los lectores a encontrar información en su sitio. Si está construyendo su página web en un editor de texto HTML, la codificación para crear una barra de navegación es fácil. Aquí hay un ejemplo de una barra de navegación de texto simple para una pequeña empresa de consultoría:

Inicio | Servicios | Membresías | Publicaciones | Experiencia | Contácteme

Cada pestaña está subrayada para reflejar que es un enlace a esa página o área de varias páginas del sitio. Tenga en cuenta que la pestaña Inicio no está subrayada. Cuando hace clic en la palabra Experiencia en el menú de texto para ir a la página Experiencia, la barra de navegación de texto debe cambiar para reflejar dónde se encuentra:

Inicio | Servicios | Membresías | Publicaciones | Experiencia | Contácteme

Siga estas instrucciones para crear una barra de navegación de texto:

  1. Abra una nueva página vacía en el Bloc de notas de Windows, asígnele un nombre y guárdelo. htm como la extensión.

    Por ejemplo, puede llamarlo barra de navegación. htm.

  2. Escriba los elementos de su sitio, con una o dos palabras para cada página o área.

    Usa la barra vertical para separar las pestañas.

    Si no se puede acceder al carácter de la barra vertical desde su teclado, debería estar disponible desde el menú Símbolo o similar en un programa de procesamiento de texto. (No existe tal opción en el Bloc de notas.) Puede copiar y pegar la barra vertical en el Bloc de notas.

  3. Centre la barra de navegación en la página utilizando el atributo central de la etiqueta de párrafo, de la siguiente manera:

     

    Inicio | Servicios | Membresías | Publicaciones | Experiencia | Contáctame

    El menú de texto estará centrado.

  4. Para vincular la pestaña Inicio a la página de inicio de su sitio, rodee la palabra Inicio con las etiquetas y. Agregue el atributo href como así:

    Aparece el cuadro de diálogo Insertar enlace.

  5. Repita para las frases restantes y vincúlelas a la página relevante de su sitio.

    Las páginas no tienen que existir todavía, aunque, por supuesto, los enlaces no funcionarán hasta que las páginas estén allí. Cada vez que cree una página, el nombre debe coincidir exactamente con el nombre en el menú de texto.

  6. Copie el menú en cada página web de su sitio.

    Alternativamente, puede crear un archivo nuevo (para las páginas que aún no existen) y poner el menú en él. A medida que avance, elimine el enlace de la pestaña que representa la página que está a punto de guardar.