HTML/structure.html at main · SarahGh78200/HTML · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="css/style.css">
        <title>Structure</title>
    </head>
    <body>
    <!-- corps de la page -->
    <header>Zone du haut (titre, texte, images, bannières, logo, slogan...)</header>
    <nav>Zone de menu (liens de navigation)</nav>

    <section>
        <p>La section contient (titre, texte, images...) spécifique à chaque page du site</p>
        <p class="jaune">La section contient (titre, texte, images...) spécifique à chaque page du site</p>
        <p>La section contient (titre, texte, images...) spécifique à chaque page du site</p>

        <p>Les balises div (pour division) sont des zones supplémentaires de contenu</p>

        <article class="jaune">Pour mettre des blocs en plus dans la section on les insère avec des balises article</article>
        <article>Pour mettre des blocs en plus dans la section on les insère avec des balises article</article>
        <article id="noir">Pour mettre des blocs en plus dans la section on les insère avec des balises article</article>
    </section>

    <footer>
        Le footer est la zone du bas (plan du site, mentions légales, réseaux sociaux...), et juste ici une petite
        <a href="https://www.alsacreations.com/article/lire/1376-html5-section-article-nav-header-footer-aside.html" title="lien vers alsacréation, s'ouvre dans une nouvelle"target="_blank">doc'</a>
        <!-- title au survol(hover) de la souris affiche  du texte, sert notament à l'accessibilité numérique, le target _blank ouvre le lien dans une nouvelle fenêtre-->
    </footer>

    </body>
</html>