Tecnologías de la Información y la Comunicación · 2º Bachillerato
Curso 2016/2017 ·

Tarea #2: estructura básica HTML5 (con flexbox)

Objetivos:
  • Conocer la estructura semática básica de HTML5
  • Crear la primera pagina web

Ejercicio

Con tu editor de código favorito realiza una página web semejante a la del siguiente ejemplo:

Vista en ordenadores de escritorio | Vista en dispositivos móviles

Características CSS:
  • Utiliza la propiedad flexbox para colocar las cajas
  • Utiliza media queries (un solo punto de ruptura en 768px) para que sea responsive a los dispositivos móviles.

Código: archivo HTML5 | archivo CSS    Demo

(observa la posición de las cajas al cambiar el tamaño de tu navegador)

Envía el archivo, con el nombre:  t02e_semantica_float.7z, al Aula Virtual.

Etiquetas: Tarea, HTML5, CSS3

Imprimir

En línea...

Hay 8 invitados y ningún miembro en línea

Prácticas...

aulav

Visitas...

0.png5.png5.png8.png2.png
Hoy ........24
Ayer .......16
Mes ........340

Domingo, 25 Junio 2017