Cómo hacer un Navbar

Haga su propia barra de navegación horizontal, o " barra de navegación ", con líneas de código HTML . HTML y CSS se escribe en un editor de texto como el Bloc de notas, donde la información , como el texto , el color y los enlaces se introducen en el código. Una vez que haya añadido el código a su sitio web, sus lectores tienen las herramientas para visitar las otras páginas de su sitio. Instrucciones
1

Abre el programa Bloc de notas
2

Crear los diferentes eslabones de la barra de navegación y el relleno y el margen para que copiando y pegando lo siguiente en su Bloc de notas. :

Home < /a> < /li >
< ; a href = "# "> Acerca de nosotros < /a> < /li >
Servicios < /a> < /li > < li> Productos < /a> < /li >
Contacto < /a> < /li > < /ul >

ul # nav lista {margin : 20px ; padding : 0 ; list-style : none ; ancho : 525px ;}
3
Hacer la barra de navegación van en una línea a través de la página web copiando y pegando lo siguiente en el Bloc de notas:

ul # nav li lista {display : inline }
4
Crear los enlaces para la barra de navegación , al copiar y pegar el siguiente :

ul # nav li - lista a {text -decoration : none ; padding : 5px 0 , ancho : 100px ; fondo : # 485e49 ; color: # eee ; float: izquierda ;
5
alinear el texto en la Navbar copiando y pegando el siguiente :

ul # nav li - lista a {text -align : center; border-left : 1px sólido # fff ;}
6
Crear un color vuelco al copiar y pegar el siguiente :

ul # nav li - lista a: hover {background : # a2b3a1 ; color: # 000 }
7
Cambiar cualquiera de los colores tecleando el código del color de su elección . Buscar todos los símbolos " #" y reemplazarlos con las direcciones URL para crear los enlaces de " Inicio ", " Nosotros ", "Servicios ", " productos" y " Contacto " . ;
8
Guardar el archivo de código Navbar en el Bloc de notas. Pulse la tecla "Ctrl " + "A" para seleccionar todos. Abra su página Web y vaya al editor de HTML CSS. Pulse la tecla "Ctrl " + " V " para copiar el código Navbar . Guarde el código para entrar en su página web.