04 - HTML : les bonnes pratiques

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <html lang="fr-FR">
    <meta name="author" content="F.F">
    <meta name="description" content="">
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <title>FindThePrecious</title>
  </head>
  <body>
        <header>
            <div>
                <a href="http://www.FindThePrecious.com" title="Dangerous fellowship try to destroy the ring">FindThePrecious.com</a>
            </div>
            <nav>
                <ul>
                    <li><a href="#" title="Fellows">Fellows</a></li>
                    <li><a href="#" title="Contact-form">Contact Us</a></li>
                </ul>
            </nav>
            <div class="SliderHeader">
                <img src="https://via.placeholder.com/300x140" alt="Slider-Accueil" title="Dangerous fellowship try to destroy the ring">
                <h2> Dangerous fellowship try to destroy the ring</h1>
                <h3> Orcs, Goblins, Balrogs, protect your master Sauron ! </h2>
            </div>
        </header>
        <main>
            <div class="FellowsCarousel">
                <h2> Fellows wanted dead </h1>
                <div class="bloc1">
                    <h3> The Wizard </h2>
                    <img src="https://via.placeholder.com/100x100" alt="vignette1" title="The Wizard"></a>
                </div>
                <div class="bloc2">
                    <h3> Hobbit#3 </h2>
                    <img src="https://via.placeholder.com/100x100" alt="vignette2" title="Hobbit#3"></a>
                </div>
                <div class="bloc3">
                    <h3> Yummy Dwarf </h2>
                    <img src="https://via.placeholder.com/100x100" alt="vignette3" title="Yummy Dwarf"></a>
                </div>
            </div>
            <form action="" method="post">
                <h2> Contact us </h2>
                <ul>
                    <li>
                        <label for="mail">E-mail</label>
                        <input type="email" id="email" name="user_email">
                    </li>
                    <Li>
                        <label for="adress">Home</label>
                        <input type="text" id="adress" name="user_adress">
                    </Li>
                    <Li>
                        <select name="select" id="select">
                            <option value="">I have seen one of them</option>
                        </select>
                    </Li>
                    <Li>
                        <label for="msg">Your message</label>
                        <textarea id="mesg" name="user_message"></textarea>
                    </Li>
                    <Li class="button">
                        <button type="submit">Send !</button>
                    </Li>
                </ul>
            </form>
        </main>
        <footer>
            <ul>
                <li><a href="#" title="">About us</a></li>
                <li><a href="#" title="">Fellows</a></li>
                <li><a href="#" title="">Join our army</a></li>
            </ul>
            <ul>
                <li><a href="#" title="">FAQ</a></li>
                <li><a href="#" title="">Reward conditions</a></li>
                <li><a href="#" title="">Legal mentions</a></li>
            </ul>
            <a href="http://www.Sauron4Ever.com" title="La page qui va bien">Sauron4Ever.com</a>
                <a> Follow him also on twitter</a>
        </footer>
  </body>
</html>