Descargar para leer sin conexión
Subido porARTURO ROSALES
html 6.docx
El documento describe la estructura básica de una página web mediante la utilización de diferentes elementos como header, nav, main, article, aside, section y footer para distribuir y organizar el contenido. Se incluyen clases CSS para dar formato a los diferentes bloques y secciones de la página.
html 6.docx
- 1. <!DOCTYPE html> <html lang="en"> <head> <metacharset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="clase01.css"> <title>Maquetado</title> </head> <body> <main class="contenedor1"> MAIN <header class="header">ENCABEZADO <section class="logo"> <img src="" alt=""> </section> <section class="banner"> <img src="" alt=""> </section> <section class="login"> <img src="" alt=""> </section> <section class="arti"> <div class="arti1"></div> <div class="arti2"></div> </section> <section class="aside"> <div class="aside1">1</div> <div class="aside2">2</div> </section>
- 2. </header> <nav> <nav class="nav">NAVEGACION <a href=""class="link">Inicio</a> <ahref=""class="link">Productos</a> <a href=""class="link">Promociones</a> <a href=""class="link">Nosotros</a> <a href=""class="link">Contactenos</a> </nav> </nav> <section class="secciones">SECCIONES <aside class="izquierda">izquierda</aside> <article>articulo <div id="articulo1">1</div> <div id="articulo2">2</div> <div id="articulo3">3</div> </article> <aside class="derecha">derecha</aside> </section> <footer>PIE DE PAGINA</footer> </main> </body> </html>