Untitled

<!DOCTYPE html> <!-- Ce qui faut mettre en début d'une page html -->
<html lang="fr"> <!-- Première balise à mettre -->
<head><!-- Deuxième balise à mettre -->

    <meta charset="utf-8" /> <!-- Pour les accents -->
    <link rel="stylesheet" href="style.css" /> <!-- Permet de raccorder le code css au html -->
    <title>Page 1</title> <!-- Titre de la page -->
</head>
<body> <!-- Ce que l'utilisateur va voir -->
<h2 class="introduction">Bienvenue Sur Mon Site !</h2><!-- class="introduction" -> Retourne la couleur ( etc... ) css -->
<p><span class="introduction">Vous</span> n'allez rien faire c'est <mark><em><strong>juste moi</strong></em></mark> qui vais m'y amusé ^^</p> <!-- paragraphe avec retour à la ligne + balise permettant de mettre en gras, italique et souligé --> <!-- <span> permet d'entourer un seul mot et de liu attribuer les valeurs de la class -->
<p>Voici une petite liste de chose que je vais apprendre mtn :</p>
<ol> <!-- Liste ordonnée : 1. 2. 3. -->  <!-- Liste non ordonnée (<ul></ul>) : ° ° °-->
    <li>HTML</li>
    <li>CSS</li>
    <li>PHP</li>
</ol>

<p>Veuillez consultez la <a href="file:///C:/Users/L%C3%A9o/Documents/html/Apprendre%20html2.html">page 2</a> de mon site !</p> <!-- Allez sur une autre page -->

<a href="#Open">Soupe au Potiron</a><br /> <!-- 1 ligne de code pour allez sur le chapitre cliqué sur une page -->
<a href="#site2">Soupe à la Courgette</a><br />

<h3 id="Open">Soupe au Potiron :</h3><br /> <!-- 2 ligne de code qui est le chapitre que l'utilisateur à demandé -->
<h3 id="site2">Soupe à la Courgette :</h3><br />

<p><div class="introduction">Rendez vous quelques part sur la deuxième page du site :</div> <!-- <div> permet d'attribuer la valeur de la class à un groupe de mots ( le problème est qu'en plein milieu de phrase, cela crée un retour à la ligne -->
    <a href="file:///C:/Users/L%C3%A9o/Documents/html/Apprendre%20html2.html#La cuisine" title="Vous allez adorer !" target="_blank">La cuisine</a><br /> <!-- Cette ligne de code permet d'aller à un chapitre précis dans une autre page + title qui permet lorsque l'on reste sans cliquer sur "la cuisine", affiche qlq chose + target="_blank" permet de forcer l'affichage d'une autre page -->
</p>

    <p>Pour pouvoir me contacter, veuillez m'envoyer un mail sur l'adresse : <a href="mailto: leorharibo@gmail.com">leorharibo@gmail.com</a></p> <!-- Pouvoir redigirer l'utilisateur vers mon adresse email -->
    <p>Si vous voulez télécharger Discord, veuillez cliqué <a href="https://discordapp.com/download">sur ce lien</a></p>

    <figure>
    <p>Voici une photo de chat pour passer le temps ^^ :</p>
    <img src="C:\Users\Léo\Pictures/chat.jpg" alt="ça arrive, ça arrive ^^" title="ANWWW trop bo"/> <!-- Affiche une image + plus un texte si ça lag ^^ toi même tu saiss -->
    <figcaption>Ceci est un très beau chat</figcaption> <!-- Afficher un titre en bas de l'image -->
    </figure>

</body>
</html>