index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="./styles.css" />
        <title>Document</title>
    </head>
    <body>
        <header>
            <div class="seccion1letra">
        <h1>El Titulo Principal De Mi Pagina</h1>
        <h2>Un Encabezado De Segundo Nivel</h2>
        <h3>Un Encabezado De Tercer Nivel</h3>
        <h4>Un Encabezado De Cuarto Nivel</h4>
        <h5>Un Encabezado De Quinto Nivel</h5>
        <h6>Un Encabezado De Sexto Nivel</h6>
        </div>

        <div class="seccion2letra">
        <span>HOME</span>
        <span>ABOUT</span>
        <span>CONTACTO</span>
                </div>
        </header>
        <main>

    
        <article>
            <div class="seccion3letra">
        <h2>Este Es Titulo De La Segunda Seccion</h2>
        <h3>Esta Es La Noticia No. 1</h3>
        <p>Aca tenemos un parrafo de contenido. Lorem ipsum dolor sit amet, consectetur 
            adipisicing elit. Obcaecati harum laudantium necessitatibus 
            architecto perferendis sed quas corrupti soluta, velit in. Quibusdam, alias officia! Voluptatem omnis blanditiis doloremque recusandae! Quisquam, animi?</p>
        </div>    
        </article>
        <hr/>

        <article>
            <div class="seccion4letra">
        <h3>Esta Es La Notcia No. 2</h3>
        <p>Este es un listado de cosas importantes para esta noticia</p>
        <ol>
            <li>Este es el item 1</li>
            <li>Este es el item 2</li>
            <li>Este es el item 3</li>
        </ol>
        <hr/>
        </div>

        </article>


        <article>
            <div class="seccion5letra">
        <h3>Esta Es La Noticia No. 3</h3>
        <p>Este listado de cosas importantes no estara ordenado</p>
        <ul>
            <li>Item</li>
            <li>Item</li>
            <li>Item</li>
        </ul>
        <hr/>
        </div>
        </article>
        
        </main>

        <footer>
            <div class="seccion6letra">
        <h3>Este Es El Titulo De Una Nota De Esta Seccion</h3>

        <p>Aca tenemos un parrafo de contenido. Lorem ipsum dolor, sit amet consectetur 
            adipisicing elit. Corporis voluptatibus recusandae quibusdam totam fugit 
            assumenda libero repellendus consequuntur ea, corrupti dolorem deleniti earum tempore illum. Impedit repellendus iusto laboriosam error!</p>
        </div>    
        </footer>
    </body>
</html>