Tarea #1: estructura básica HTML5 (con float)
Publicado en Prácticas
Objetivos:
- Conocer la estructura semática básica de HTML5
- Crear la primera pagina web
Ejercicio
La imagen representa un diseño común encontrado en la mayoría de los sitios webs estos días. A pesar del hecho de que cada diseñador crea sus propios diseños, en general podremos identificar las siguientes secciones en cada sitio web estudiado:

Que se corresponde con las siguientes etiquetas semánticas:

Con tu editor de código favorito realiza una página web semejante a la del siguiente ejemplo:
|
Características CSS:
- Utiliza la propiedad float 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: t01e_semantica_float.7z, al Aula Virtual.
Etiquetas: Tarea, HTML5, CSS3
Imprimir