Construcción de un Pie de Página con HTML y Enlaces

Clase 15 de 18 • Curso Práctico de HTML y CSS

Clase anteriorSiguiente clase

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

  1. Primero abrimos nuestra etiqueta footer. Necesitamos seccionarla en dos partes: contenedores izquierdos y derechos.
  2. Creamos dos listas no ordenadas (ul) con cuatro y tres elementos (li) respectivamente.
  3. Creamos una etiqueta ancla (a) a cada elemento (li) de nuestra lista.
  4. Asignamos la clase footer-left a la primera lista y footer-right a la segunda.
  5. Ahora solo agregamos el texto dentro de cada una de los elementos (li) de las listas.
15.png

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:
image.png

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.