¿Cómo crear una barra de navegación de texto en html

La inclusión de una barra de navegación ayuda a los lectores a encontrar la información en su sitio. Si usted 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. He aquí un ejemplo de una sencilla barra de navegación de texto para una pequeña empresa de consultoría:

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

Cada ficha está subrayado para indicar que se trata de un enlace a esa página o área de varias páginas del sitio. Tenga en cuenta que no está subrayado en la ficha Inicio. Al hacer clic en la palabra Experiencia en el menú de texto para ir a la página de Experiencia, la barra de navegación de texto debe cambiar para reflejar dónde se encuentra:

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

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

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

    Por ejemplo, usted podría llamarlo navbar.htm.

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

    Utilice la barra vertical para separar las pestañas.

    Si el carácter de barra vertical no es accesible desde el teclado, debe estar disponible desde el símbolo o un menú similar en un programa de procesamiento de textos. (No hay tal opción en el Bloc de notas.) Usted 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, así:

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

    El menú de texto se centrará.

  4. Para enlazar la ficha Inicio a la página principal de su sitio, rodear la palabra Inicio con el y las etiquetas. Agregue el atributo href, así:.

    Aparecerá el cuadro de diálogo Insertar vínculo.

  5. Repita el procedimiento para las frases restantes y vincularlos a la página correspondiente en su sitio.

    Las páginas no tienen que existir todavía, aunque, por supuesto, los vínculos no funcionarán hasta que las páginas están ahí. Cada vez que se crea una página, el nombre debe coincidir con el nombre en el menú de texto tal.

  6. Copie el menú para cada página Web de su sitio.

    Alternativamente, se puede crear un nuevo archivo (por las páginas que aún no existen) y poner el menú en el mismo. A medida que avance, eliminar el enlace de la ficha que representa a la página que estás a punto de guardar.