nose

Ejercicios HTML5
UD 1 – Introducción al HTML5
1. Comprobar la compatibilidad de los diferentes navegadores y comprobar cual
es el mejor clasificado en los siguientes apartados:
- video
-Formularios
- Geolocalización
2. Revisar los ejemplos de uso de y en whatwg.org

UD 2 – Estructura del documento
3. Crear un documento “Practica estructura.htm” con las siguientes
características:
-Idioma: Español
- Codificación caracteres: UTF-8
4. En “Practica estructura.htm” añadir los siguientes datos:
- Titulo: Estructura HTML5
- Descripción: Documento de prueba para el curso de HTML55. En “Practica estructura.htm” añadir un favicon.
6. Asociar la hoja de estilos “estilo.css”.
7. Crear la siguiente estructura de bloques:
- Cabecera
- Barra de navegación
- Contenido principal- Pie de página.
Poner algo de texto en el interior para que sea visible en el navegador.
8. En la cabecera colocar los siguientes titulares:
- Comed mucha fruta
- Lugar de encuentro para losamantes de la fruta
9. En el contenido principal poner lo siguiente:
- Titular: Peras al vino
- Apartado: Ingredientes
- Apartado: Modo de preparación
- Apartado: Trucos y consejos.
Los contenidosse pueden copiar (sin formato) de cualquier receta de
Internet.
10. Añadir un nuevo bloque para los anuncios. Colocar la imagen “anuncio.gif”.

Ejercicios de Html5

1

11. Entre losapartados del contenido principal colocar la foto “peras.jpg” con el
siguiente pie de foto “Muestra de presentación de peras al vino”.
12. Colocar un bloque de detalles con enlaces a “Otras recetas” deInternet.
13. Resaltar aquellos textos de mayor importancia.
14. Al principio del contenido principal crear una tabla de este modo:
Dificultad

Tiempo preparación Calorías

Coste

baja

20minutos

0.75 € /ración

85 c /100 gr

15. En el pie de la página poner la dirección de contacto
16. Añadir script para hacer compatible la estructura con IE 6.

UD 3 – Atributos semánticos...