HTML Bonnes pratiques

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title>FindThePrecious</title>
</head>

<body>

  <header>
    <div class="menu">
      <table>
        <tr>
          <td>
            <h1>Lorem ipsum</h1>
          </td>
          <td><a title="Fellows" href="#Fellows-pictures">Fellows</a></td>
          <td><a title="Contact" href="#Contact">Contact</a></td>
        </tr>
      </table>
    </div>
  </header>

  <section>
    <div class="firstscreen">
      <img src="https://via.placeholder.com/140x140C/Ohttps://placeholder.com/" alt="FellowshipPicture"><h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
      exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</h2>
    </div>
  </section>

  <br>

  <section>
    <div id="Fellows-pictures">
      <h3>Lorem ipsum dolor</h3>
      <p>Lorem ipsum dolor sit amet, consecteturgiatdatat non p.</p>
      <img src="https://via.placeholder.com/100C/Ohttps://placeholder.com/" alt="The_Wizard">sed do eiusmod tempor
      <img src="https://via.placeholder.com/100C/Ohttps://placeholder.com/" alt="Hobbbit3">sed do incididunt ut labore
      <img src="https://via.placeholder.com/100C/Ohttps://placeholder.com/" alt="YummyDwarf">sed do dolore magna aliqua
    </div>
  </section>

  <hr>

  <section>
    <div id="Contact">
      <h3>Lorem ipsum</h3>
      <form class="" action="index.html" method="post">
        <div class="mail">
          <label for="email">@</label>
          <input type="email" name="mail" value="" id="email">
        </div>
        <div class="M">
          <label for="maison">M</label>
          <input type="text" name="adress" value="" id="maison">
        </div>
        <div class="Selection">
          <select class="" name="select">
            <option value="">I have seen one of them</option>
          </select>
        </div>
        <div class="MesssageBox">
          <label for="message">Message</label>
          <textarea name="message" rows="8" cols="80" id="message"></textarea>
          <div class="Button">
            <button type="button" name="button">Send!</button>
          </div>
        </div>

      </form>
    </div>
  </section>


  <footer>
    <h5>lorem</h5>
    <p>ipsum</p>
    <p>mectum</p>
    <p>irtum</p>
    <p>consectetur</p>
    <p>dolor</p>
    <p><a title="Site_web" href="#"></a></p>
    <p>ubtum deluctum<a  title="Twitter" href="#"></a></p>
  </footer>


</body>

</html>