Vous savez maintenant ce qu'est une page HTML, ce qui la compose, et les balises principales.

Avez-vous remarqué ? La structure de ce document n'utilise que des titres et des paragraphes et listes comme un document Word ou... comme une simple page HTML.

Veuillez maintenant ouvrir votre éditeur, rédiger votre premier fichier HTML et y structurer vos notes de cours en utilisant les principes parcourus jusqu'à maintenant.

Instructions

  1. Créez un dossier sur votre ordinateur

  2. Créez une page HTML dans ce dossier

  3. Ajoutez vos notes de façon structurée (titres, sous-titres, paragraphes, listes)

  4. Utilisez la méthode suivante pour y insérer les exemples de code

    : <xmp><h1>Ce contenu ne sera pas interprété</h1></xmp>

  5. Dans un premier temps, afin d'avoir un document plus sympathique à l'oeil, vous pouvez placer la balise suivante dans la section <head> :

<link rel="stylesheet" href="<https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css>" integrity="sha512-EZLkOqwILORob+p0BXZc+Vm3RgJBOe1Iq/0fiI7r/wJgzOFZMlsqTa29UEl6v6U6gsV4uIpsNZoV32YZqrCRCQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />

Code pour débuter

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Tire de ma page (onglet)</title>

    <link
      rel="stylesheet"
      href="<https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css>"
      integrity="sha512-EZLkOqwILORob+p0BXZc+Vm3RgJBOe1Iq/0fiI7r/wJgzOFZMlsqTa29UEl6v6U6gsV4uIpsNZoV32YZqrCRCQ=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />
   
  </head>
  <body>
    <h1>Mon titre</h1>

    Pour écrire un titre principal, il faut utiliser la balise
    <xmp><h1></xmp>
  </body>
</html>