Como elaborar menú en Html5 y CSS

Crea tu propio  menú desplegable con submenus dentro  todo esto con solo HTML y CSS 
sin necesidad de programas como javascript, con pocas lineas de codigo.

Los menús desplegables permiten obtener una vista clara y jerarquizada de todas las secciones principales de una página web, como así también las subsecciones contenidas en cada una. Todo lo que necesitas hacer para que aparezcan las subsecciones, es pasar el cursor del ratón sobre las secciones principales. 

     

aprenderás como hacer un menú desplegable con HTML y CSS de una manera muy sencilla, con pocas lineas de código sin tener que utilizar javascript de por medio.

Como puedo centrar el menú horizontalmente?

Respuesta: Se supone que el menú que tienes debería estar centrado, ya que al id header ya le agregamos un ancho y un margen automático, en el extraño caso de que no tuvieras centrado tu menú debes seguir los siguientes pasos.

Es muy sencillo, lo único que tienes que hacer es tomar todo el código que se encuentre dentro de la etiqueta <ul class=”nav”> y encerrarlo en otra etiqueta, en este caso utilizare una etiqueta html5 llamada nav, (etiqueta que debí usar en el menú desde el principio, pero para no confundirlos no la puse) y a esta ultima etiqueta nav agregarle con CSS un ancho y un margen automático para que se centre, el código quedaría algo asi:

Sigue estos pasos para mayor facilidad

consejo

• Si quieres agregarle un menú desplegable a una forma, con HTML 5 puedes hacerlo fácilmente usando el elemento <select>.
• El enlace <a href="#"> deslizará la página hacia la parte superior, mientras que los enlaces que hacen referencia a anclas inexistentes, por ejemplo <a href="#!"> no deslizarán la página. Si te resulta desprolijo, puedes cambiar la apariencia del cursor utilizando CSS.
• Si vas a copiar y pegar el código de ejemplo, elimina todas las viñetas

 mira este video!