![Page 1: Estructura de una página web con estilo y heard](https://reader036.vdocumento.com/reader036/viewer/2022062513/556329d3d8b42a57348b4e50/html5/thumbnails/1.jpg)
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
![Page 2: Estructura de una página web con estilo y heard](https://reader036.vdocumento.com/reader036/viewer/2022062513/556329d3d8b42a57348b4e50/html5/thumbnails/2.jpg)
![Page 3: Estructura de una página web con estilo y heard](https://reader036.vdocumento.com/reader036/viewer/2022062513/556329d3d8b42a57348b4e50/html5/thumbnails/3.jpg)
Explicacion de algunos codigos nuevos
![Page 4: Estructura de una página web con estilo y heard](https://reader036.vdocumento.com/reader036/viewer/2022062513/556329d3d8b42a57348b4e50/html5/thumbnails/4.jpg)
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
![Page 5: Estructura de una página web con estilo y heard](https://reader036.vdocumento.com/reader036/viewer/2022062513/556329d3d8b42a57348b4e50/html5/thumbnails/5.jpg)
headerEl header es la eztructura de la pagina
![Page 6: Estructura de una página web con estilo y heard](https://reader036.vdocumento.com/reader036/viewer/2022062513/556329d3d8b42a57348b4e50/html5/thumbnails/6.jpg)
El Destroyed es la fuente con la cual va a ir nuestra página
Es el borde que tiene la página
![Page 7: Estructura de una página web con estilo y heard](https://reader036.vdocumento.com/reader036/viewer/2022062513/556329d3d8b42a57348b4e50/html5/thumbnails/7.jpg)
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
![Page 8: Estructura de una página web con estilo y heard](https://reader036.vdocumento.com/reader036/viewer/2022062513/556329d3d8b42a57348b4e50/html5/thumbnails/8.jpg)
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
![Page 9: Estructura de una página web con estilo y heard](https://reader036.vdocumento.com/reader036/viewer/2022062513/556329d3d8b42a57348b4e50/html5/thumbnails/9.jpg)
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
![Page 10: Estructura de una página web con estilo y heard](https://reader036.vdocumento.com/reader036/viewer/2022062513/556329d3d8b42a57348b4e50/html5/thumbnails/10.jpg)