03-Structurer une page HTML

<!DOCTYPE html>
<html lang="en">
<head>

  <!--  Meta  -->
  <meta charset="UTF-8" />
  <title>My New Pen!</title>

  <!--  Styles  -->
  <link rel="stylesheet" href="styles/index.processed.css">
</head>
<body>
  <p>FindThePrecious.com Fellows Contact us<p>

  <p>
    <center><strong><font size="5">
    Dangerous fellowship try to destroy the ring
    </font></strong></center></p>

  <p>
    <strong><center>
    Orcs, Goblins, Balrogs, protect your master Sauron!
      </center></strong><p>

  <p><strong><font size="5"><center>
    Fellows wanted dead </font>
    (or alive if you want to eat them later)
    </strong></center></p>

  <img src="https://grand-village.com/contenu/wp-content/uploads/2019/03/man-portrait-silhouette.gif"
       alt="image 1"
       width="250"
       height="341" />
  <img src="https://cdn5.vectorstock.com/i/thumb-large/04/74/silhouette-portrait-of-a-spy-man-men-icon-vector-20910474.jpg"
       alt="image 2"
       width="250"
       height="341"/>
  <img src="http://www.ceas53.org/uploads/images/CA/Portrait-Femme.jpg?1558593125922"
       alt="image 3"
       width="250"
       height="341"/>

    <p><strong><font size="4">
      contact us
      </strong></font></p>

      <input type="text" placeholder="@" name="mail" required size="180"><br><br>

      <input type="text" placeholder="✉︎" name="adresse" required size="180"><br><br>

    <select name="menu" id="menu_deroulant">
      <option value="I have seen one of them">I have seen one of them</option>
      <option value="I have seen two of them">I have seen two of them</option>
      <option value="I have seen nobody">I have seen nobody</option>
      </select><br><br>

      <textarea id="message" name="message"
          rows="5" cols="182"
          placeholder= "Your message">
          </textarea>

      <p>
        <input type="submit" value="send!" style="float:right;margin-right:65px">
      </p>

  <!-- Scripts -->
  <script src="scripts/index.js"></script>
</body>
</html>