Si ont remet bout à bout les sections passées, voici la structure d’un fichier HTML type.

<!DOCTYPE html>
<html>
  <head>
    <title>Titre de la page</title>
    <meta charset="utf-8">
    <meta name="description" content="Description de la page">
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>
  <body>
    <header>
     <img src="/logo.png" alt="Logo">
  <nav>
    <ul>
      <li><a href="/">Accueil</a></li>
      <li>
        <a href="#">Articles</a>
        <ul>
          <li><a href="/articles/categorie1">Catégorie 1</a></li>
          <li><a href="/articles/categorie2">Catégorie 2</a></li>
        </ul>
      </li>
      <li><a href="/contact">Contact</a></li>
    </ul>
    <form>
      <input type="text" placeholder="Rechercher...">
      <button>Go</button>
    </form>
  </nav>
    </header>
    <main>
     <article>
  <header>
    <h2>Titre de l'article</h2>
    <p>Par <a href="/auteur">Auteur</a>, le <time datetime="2022-01-01">1er janvier 2022</time></p>
  </header>
  <img src="/image.jpg" alt="Titre de l'image">
  <p>Contenu de l'article...</p>
  <footer>
    <p>Catégories : <a href="/categorie1">Catégorie 1</a>, <a href="/categorie2">Catégorie 2</a></p>
    <p>Mots-clés : <a href="/mot-cle1">Mot-clé 1</a>, <a href="/mot-cle2">Mot-clé 2</a></p>
  </footer>
</article>
    </main>
    <aside>
  <h2>Sommaire</h2>
  <ul>
    <li><a href="#section1">Section 1</a></li>
    <li><a href="#section2">Section 2</a></li>
    <li><a href="#section3">Section 3</a></li>
	</ul>
    </aside>
    <footer>
      <!-- Pied de page de la page -->
    </footer>
  </body>
</html>

2023-01-06 14_31_30-Exercice HTML.docx [Mode de compatibilité] - Word.png