En este ejercicio vamos a hacer una pequeña web de ejemplo utilizando las nuevas

etiquetas semánticas de HTML5. En primer lugar creamos una cabecera con el logo del
curso (logo.jpg) y el texto "DADM". La imagen tendrá un alto de 50 píxeles y el texto
será de color blanco con tamaño de 16 puntos.
A continuación incluiremos la barra de navegación. Dentro de esta sección definiremos
tres capas (etiquetas DIV) de la clase "navElement" con los textos "Inicio", "Contenidos"
y "Profesorado". Como estilo indicaremos que la barra de navegación ocupe el 100% del
ancho, y que cada uno de sus elementos "navElement" tengan el color de fondo "#f0f0f0"
y que cambien al color "#005682" cuando el ratón pase sobre ellos.
El cuerpo principal del documento estará dentro de una sección "ARTICLE", con un
ancho del 100%.
Por último incluiremos un pie de página con el texto "Dept. Ciencia de la Computación e
IA", a cuyo texto aplicaremos el color gris

<footer />Sección de la página para contener información sobre el autor, copyright, etc,…
<header /> representa a la sección de cabecera.
<nav /> representa la sección de la página orientada a la navegación.
<section /> elemento que indica que se trata de una sección genérica.
<audio /> y <video /> para el contenido multimedia.
<embed /> es un elemento dedicado para contenido de plugins.
<m /> representa el texto marcado.
<meter /> usado para representar medidas, por ejemplo el tamaño del disco usado…
<time /> usado para mostrar fechas y/o tiempo.
<canvas /> usado para mostrar gráficos renderizados en tiempo real, por ejemplo gráficos,
juegos, etc,…