Is my HTML well structured?

MDN Learn
#1 
<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Practica</title>

<header>

    <div class="container">

        <div class="head">

            <h1>BIRDWATCHING</h1>

            <img src="a.png" alt="Imagen">

        </div>

            <div class="nav">    

                <nav class="ul-li"> 

                    <ul>

                        <li>HOME</li>

                        <li>GET STARTED</li>

                        <li>PHOTOS</li>

                        <li>GEAR</li>

                        <li>FORUM</li>

                    </ul>

                </nav> 

            </div>                       

    </div>

</header>

<main>

    <div class="welcome">

        <h2>WELCOME</h2>

    </section>

    <div class="parrafo1">

        <p> Lorem ipsum dolor sit amet consectetur, 

            adipisicing elit. Voluptatibus nisi rem cumque mollitia sed officiis similique soluta neque,

            praesentium veritatis at amet dolores vitae eum, ex repudiandae porro modi sunt?

            Lorem ipsum dolor sit amet consectetur, 

            adipisicing elit. Voluptatibus nisi rem cumque mollitia sed officiis similique soluta neque,

            praesentium veritatis at amet dolores vitae eum, ex repudiandae porro modi sunt?

            Lorem ipsum dolor sit amet consectetur, 

            adipisicing elit. Voluptatibus nisi rem cumque mollitia sed officiis similique soluta neque,

            praesentium veritatis at amet dolores vitae eum, ex repudiandae porro modi sunt?

            Lorem ipsum dolor sit amet consectetur, 

            adipisicing elit. Voluptatibus nisi rem cumque mollitia sed officiis similique soluta neque,

            praesentium veritatis at amet dolores vitae eum, ex repudiandae porro modi sunt?

            Lorem ipsum dolor sit amet consectetur, 

            adipisicing elit. Voluptatibus nisi rem cumque mollitia sed officiis similique soluta neque,

            praesentium veritatis at amet dolores vitae eum, ex repudiandae porro modi sunt?

        </p>

    </div>

    <aside class="photos">

        <div class="text-photos"> 

            <h2>FAVOURITE PHOTOS</h2>            

        </div>

        <div class="imgs">

            <img src="img2.jpg" alt="Patos">

            <img src="img3.jpg" alt="Patos">

            <img src="img4.jpg" alt="Patos">

            <img src="a.png" alt="Patos">

        </div>

    </aside>

</main>

<footer class="footer">

    <div class="parrafof" te>

        <p>@Yisus V - 2020</p>

    </div>

</footer>
#2

Hi there @Jesus_Vitola!

Your HTML structure looks OK. The main three comments I have are:

  1. You seem to have a lot of whitespace around each element, which makes it harder to read as a whole. You only need one linebreak between each element, e.g.
<header>
    <div class="container">
        <div class="head">
            <h1>BIRDWATCHING</h1>
            <img src="a.png" alt="Imagen">
        </div>
...

  1. In the above case, it makes sense, as you are putting a container around a heading and an image, with the aim of laying them out relative to one another. But in general, you have too many unneeded containers in this code. Inside the <main> element, you don’t need extra containers around the heading and the paragraph. If you needed to apply some styling to the, you could do that directly on the elements, without needing extra containers. A good general rule is “keep your HTML structure as simple as possible.”

  2. In the following bit:

<div class="welcome">

        <h2>WELCOME</h2>

    </section>

I think you meant to make that closing </section> a closing </div>?

It would make more sense to put a <section> or <article> around the heading AND paragraph.