Este proyecto es un ejercicio práctico enfocado en la creación de un componente esencial de la web: un menú de navegación desplegable.
El objetivo principal es construir un menú de navegación funcional y estilizado que revele un submenú al interactuar con él.
Este ejercicio te ayudará a practicar y entender:
- Estructura HTML Semántica: Usar las etiquetas correctas (
<nav>,<ul>,<li>,<a>) para la navegación. - Estilizado con CSS: Aplicar estilos, posicionamiento y transiciones.
- Interactividad: Manejar los estados del submenú.
- Un menú de navegación principal.
- Uno o más elementos del menú que contienen submenús.
- Los submenús se muestran u ocultan según la interacción del usuario.
- Estilos básicos para una apariencia limpia y funcional.
Este ejercicio se centra en las tecnologías fundamentales del frontend:
- HTML5: Para la estructura y el contenido del menú.
- CSS3: Para todos los estilos.
- JavaScript: Para controlar la lógica de mostrar/ocultar los menús.