Construcción de un Pie de Página con HTML y Enlaces
Clase 15 de 18 • Curso Práctico de HTML y CSS
Resumen
Ya estamos en el final de nuestro proyecto clon de Google. ¡Hasta ahora ha sido bastante divertido! ¿Verdad? Justo ahora vamos a maquetar la estructura del pie de página o footer. Los estilos los aplicaremos más adelante. ¡Directo a nuestro archivo HTML!
Pasos para poner la estructura del footer
- Primero abrimos nuestra etiqueta footer. Necesitamos seccionarla en dos partes: contenedores izquierdos y derechos.
- Creamos dos listas no ordenadas (ul) con cuatro y tres elementos (li) respectivamente.
- Creamos una etiqueta ancla (a) a cada elemento (li) de nuestra lista.
- Asignamos la clase footer-left a la primera lista y footer-right a la segunda.
- Ahora solo agregamos el texto dentro de cada una de los elementos (li) de las listas.
Tip: puedes usar emmet para abreviar la creación de las listas. De esta manera: <ul2>li4>a>.
Deberíamos tener una imagen así en nuestro navegador:
Por ahora, es funcional. ¡En la siguiente clase la dejaremos mucho más bonita!
Contribución creada con aportes de: Kivindlg y José Miguel Veintimilla.
