Actividad: Crea varias columnas de texto
Profesor: Javier López
Volver
Descargar html de base
Actividad
Resultado final
Solucionador

Actividad: Crea varias columnas de texto
En este módulo empezamos la página referida a los servicios, que contendrá desde columnas de texto, hasta animaciones, degradados y vídeos de Youtube. No obstante, en esta actividad nos vamos a detener tanto en la creación del html como en las columnas de texto:
  1. Crea un fichero html base (parecido a index.html o contacta.html) con los campos y secciones semánticas de HTML5 básicas (<header>, <nav>, <footer>...) y guárdala bajo el nombre servicios.html.
  2. Modifica en la estructura HTML todos los datos que sean necesarios (<title> o enlaces del <nav> entre otros).
  3. Escribe el contenido (texto) que irá dividido en varias columnas de texto.
  4. Con CSS3 divídelo en 3 columnas, separadas entre ellas con una distancia mínima de 30 píxeles y líneas de separación punteadas de color plata de un grosor de 2 píxeles.
  5. Debe poder mostrarse en todos los navegadores modernos.