-
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.