Estructura de una página web en HTML 5Utilizamos el código anterior que es lo que usualmente tiene una página como los listados

Explicacion de algunos codigos nuevos

Este codigo os redirecciona a otros codigos que estan encargados del estilo y la extructura de la pagina

estilo

El codigo siguiente es para el estilo de la pagina que se guarda como estilo.css

Sirve para insertar un buscador

headerEl header es la eztructura de la pagina

El Destroyed es la fuente con la cual va a ir nuestra página

Es el borde que tiene la página

Este codigo

Es para el menu horizontal que aparecen en la pantalla

El codigo tex-decoration:none= es para que no salga con puntos en nuestra pagina como es un listado usulamente al codigo lo saca con viñetas y gracias a este no salen esos puntos

El codigo colorr:green= corresponde al color en que se muestra el listado en este caso verde

Border = es el codigo para que salga el borde del menu horizontal

Padding = es la separacion del borde de las letras

Este es el código completo para que en el menú horizontal muestre este efecto

Al colocar el mouse sobre una de ellas cambia de color y al quitarlo tarda un segundo para que se quite el color de nuevo

De esta manera nos esta quedando nuestra pagina

Con este código que le colocamos hace este efecto en la pagina con las imágenes

Le amplia el tamaño al imagen cuando se coloca el mouse encima