Untitled

<!DOCTYPE html>
<html lang="fr" dir="fr">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Ludovic</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Site sur le cours">
    <meta name="keywords" content="HTML, CSS, WebDesgin, Intégration">
    <meta name="author" content="Ludovic COULON">
    <link rel="stylesheet" type="text/css" media="screen" href="css\main.css" />
    <link rel="icon" type="image/png" href="favicon.png">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:500" rel="stylesheet">
    <script src="main.js"></script>
</head>

<body>
    <div id="global">
        <header>
            <!--Entête-->
            <h1>Titre de mon site web</h1>
        </header>
        <nav>
            <!--Navigation principal du site-->
            <ul>
                <li><a href="index.html" alt="Page d'accueil" title="Titre du site">Home</a></li>
                <li><a href="tableau.html" alt="Tableau" title="Tableau">Tableaux</a></li>
                <li><a href="#" alt="Page 2" title="Titre du site">Page 2</a></li>
                <li><a href="#" alt="Page 3" title="Titre du site">Page 3</a></li>
                <li><a href="#" alt="Page 4" title="Titre du site">Page 4</a></li>
            </ul>
        </nav>
        <!--Fin de la balise nav-->
        <div id="contenu">
            <div id="ariane">
                <p>Vous êtes ici : <a href="index.html" alt="Vous êtes sur la page d'acceuil" title="page accueil">Accueil</a></p>
            </div>
            <section>
                <article>
                    <h2>Titre de niveau 1</h2>
                    <p>Une liste sur le langage HTML utilisant les styles CSS</p>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt iste dicta consequatur
                        expedita
                        cumque deleniti voluptatibus corporis, iure asperiores odio voluptatem possimus eius totam quo
                        maxime molestias optio. Sed, commodi?</p>
                    <img src="img/jul.png" alt="jul le S poto" title="jul">
                    <img src="img/lol.png" alt="n lol" title="lol">
                    <p>Les images sont des balises inline, elles se posotionnent donc par défaut les unes à côté des
                        autres.
                        Pour les positionner les unes en dessous des autres il faut utiliser la propriété <strong>"display"</strong>
                        et
                        la valeur <strong>"block"</strong>
                    </p>
                </article>
            </section>
            <aside>
                <ul>
                    <li>Lien 1</li>
                    <li>Lien 2</li>
                    <li>Lien 3</li>
                    <li>Lien 4</li>
                    <li>Lien 5</li>
                </ul>
            </aside>
        </div>
        <footer>
            <p>2018 &copy; Ludovic - Mon site en HTML CSS</p>
        </footer>
    </div>
</body>

</html>