index.html

<!DOCTYPE html>
<html>

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio sint architecto nostrum illo tempore labore eveniet ab minima ullam voluptatibus minus aut perferendis ad expedita, reprehenderit quibusdam quam placeat maxime!</p>
<header>
    <nav>
        <ul>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
        </ul>
    </nav>
</header>
<div class="contenedor">
    <p>soy un párrafo</p>
</div>
<button>click me</button><span class="objeto1"></span><span class="objeto2"></span><span class="objeto3"></span><span class="objeto4"></span>
<footer>
    <div>
        <ul>
            <li><a href="" class="enlace"></a></li>
        </ul>
    </div>
</footer>

</html>