miércoles, 21 de septiembre de 2016

Cómo hacer una barra de navegación para la web

Para hacer una barra de navegación primero elaboraremos una lista con los enlaces. Las etiquetas de lista son <ul></ul> para una lista desordenada (unordered list, de viñetas) o <ol></ol> para una lista ordenada (ordered list, de números). En principio podemos usar cualquiera, pues posteriormente le quitaremos las viñetas o los números. Cada elemento de la lista debe ir entre las etiquetas <li></li> (list item):






Posteriormente añadiremos los vínculos, con las etiquetas <a></a>:


Ahora quitaremos las viñetas. Para ello habrá que dar estilo a las etiquetas <li>, de esta manera: <li style="list-style-type:none;>:


Si deseamos que la navegación quede en línea, en lugar de hacia abajo, añadiremos al estilo de las etiquetas <li> la propiedad display con el valor inline:


Por último, si no queremos que los vínculos aparezcan subrayados, daremos estilo a las etiquetas <a>, de esta manera: <a style="text-decoration:none;>: