Tecnología

Inicio

Cómo hacer un HTML barra de navegación horizontal Usando

Una de las primeras cosas que hay que añadir a cualquier sitio web con más de una página es un menú de navegación. Un menú de navegación permite un acceso de visitantes a las páginas adicionales en su sitio. Un método rápido, sencillo de construir una barra de menú horizontal en HTML es tomar ventaja de la etiqueta <table>. La colocación de enlaces a páginas adicionales dentro de una tabla los mantiene en orden y que los distingue de los contenidos de los alrededores.

Instrucciones

1 Definir la tabla. En este caso utilizar un borde de un píxel y rodean los elementos de menú con 30 píxeles de desplazamiento o el espacio vacío con la etiqueta de apertura:

<Table border = "1" cellpadding = "30">

2 Iniciar la primera (y en este caso solamente) remar con la etiqueta:

<Tr>

3 Declarar cada elemento de la fila de la tabla con el <th> etiqueta de cabecera de la tabla. Utilice esta etiqueta para centrar automáticamente el texto e imprimirlo en negrita. Incluir enlaces a otras páginas con la etiqueta de anclaje <a> de la siguiente manera:

<Th> <a href="index.html"> principal </a> </ th>

<Th> <a href="about.html"> Sobre </a> </ th>

<Th> <a href="contact.html"> Contacto </a> </ th>

<Th> <a href="links.html"> Enlaces </a> </ th>

Estas declaraciones crean cuatro hipervínculos activos etiquetados Inicio, Acerca de, contacto y enlaces dentro de las células de la tabla. Crear su propio y modificar según sus necesidades requieren.

4 Cierre la fila de la tabla y la definición de la tabla con las siguientes etiquetas:

</ Tr>

</ Table>

Consejos y advertencias

  • Coloque una barra de menú de navegación en la parte superior e inferior de las páginas largas para reducir la cantidad de desplazamiento de sus visitantes debe hacer cuando se visita su sitio.