html.css/01_index.html at master · jeuneyannick/html.css · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- mots clés du site servant au référencement sur internet-->
    <meta name="keywords" content="mot1 mot2">
    <!--Description qui s'affiche-->
    <meta name="description" content="descriptif de mon site">
    <!-- informations sur l'auteur-->
    <title>Mon premier site</title>
    <link rel="stylesheet" href="css/02_index.css">
  </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 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> La section contient (titre,texte,images...)spécifique à chaque page du site </p>

                   <div>Les balises div (pour division) sont des zones supplémentaires de contenu</div>
                   <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 legales, réseaux sociaux...)</footer>

      </body>
</html>