1. Definición y Propósito
Los **navbars** o barras de navegación son componentes fundamentales para la estructura y navegación de una página web. Su propósito principal es proporcionar a los usuarios enlaces rápidos y organizados a las diferentes secciones o páginas de un sitio web, mejorando la usabilidad y la experiencia del usuario.
Existen dos tipos principales de navbars: **horizontales** y **verticales**. Las barras horizontales se colocan generalmente en la parte superior de una página, mientras que las verticales suelen aparecer en un lateral. Ambos estilos pueden incluir elementos como menús desplegables, iconos, logotipos y botones.
Ejemplo 1: Barra de navegación horizontal básica
A continuación se muestra un ejemplo básico de una barra de navegación horizontal con fondo oscuro:
Ejemplo 2: Barra de navegación vertical
A continuación se muestra un ejemplo de una barra de navegación vertical con fondo oscuro:
Ejemplo 1: Barra de navegación horizontal
<nav style="background-color: #343a40; padding: 10px; color: white;">
<a href="#" style="color: white; margin-right: 15px;">Inicio</a>
<a href="#" style="color: white; margin-right: 15px;">Acerca de</a>
<a href="#" style="color: white; margin-right: 15px;">Servicios</a>
<a href="#" style="color: white;">Contacto</a>
</nav>
Ejemplo 2: Barra de navegación vertical
<nav style="background-color: #343a40; width: 200px; padding: 10px; color: white;">
<a href="#" style="color: white; display: block; margin-bottom: 10px;">Inicio</a>
<a href="#" style="color: white; display: block; margin-bottom: 10px;">Acerca de</a>
<a href="#" style="color: white; display: block; margin-bottom: 10px;">Servicios</a>
<a href="#" style="color: white;">Contacto</a>
</nav>
0 Comentarios
Si desea contactar comigo, lo puede hacer atravez deste formulario gracias