Les balises HTML

Les titres (<h1> à <h6>) :
==========================
<h1>Ceci est un titre</h1>
<h2 class="couleurRouge">Ceci est un titre avec une classe</h2>

Les paragraphes (<p>) :
=======================
<p>Ceci est un paragraphe</p>

Les sauts de ligne (<br>) :
===========================
<p>Ceci est un paragraphe <br> avec un saut de ligne à l'intérieur</p>

Les listes à puce (<ul> et <li>):
=================================
<ul>
    <li>Elément 1</li>
    <li>Elément 2</li>
</ul>

Les listes ordonnées (comme une liste à puces mais avec <ol> à la place de <ul>) :
==================================================================================
<ol>
    <li>Elément 1</li>
    <li>Elément 2</li>
</ol>

Les images (<img>) :
====================
La balise <img> nécessite au moins l'attribut "src" qui définit la source de l'image (le nom d'un fichier dans le même répertoire que votre fichier .html ou bien le lien de l'image d'un fichier sur Internet)
---------------------
<img src="Chats.jpg" alt="Chats">
<img src="https://monsite.com/chats.jpg" alt="Chats">
---------------------
La balise <img> n'a pas de balise </img> correspondante, on dit que c'est une balise "autofermante"
L'attribut alt sert à afficher un texte alternatif (ici "Chats") au cas où l'image ne pourrait s'afficher (fichier manquant ou lien incorrect)

Les liens (<a>) :
=================
La balise <a> nécessite au moins l'attribut "href" dans lequel il faut mettre le lien de la page correspondante
<a href="https://www.google.com">Cliquez-ici pour aller sur Google</a>

Ecrire en gras (<strong>) :
===========================
<p>Ce <strong>mot</strong> est écrit en gras<p>

Les tableaux (<table>, <tr>, <th>, <td>) :
==========================================
tr = table row (S'utilise pour chaque ligne du tableau)
th = table head (Pour chaque cellule d'une ligne d'en-tête)
td = table data (Pour chaque cellule d'une ligne de données)
---------------------
<table>
    <tr>
        <th>Pays</th>
        <th>Capitale</th>
    </tr>
    <tr>
        <td>France</td>
        <td>Paris</td>
    </tr>
    <tr>
        <td>Espagne</td>
        <td>Madrid</td>
    </tr>
</table>

Les divisions (<div>) :
=======================
La balise <div> sert à créer une division, par exemple pour regrouper un titre et un paragraphe et faire un bloc avec, sur lequel on pourra applique du style par la suite (une bordure, une couleur de fond, ...)
---------------------
<div>
    <h1>Titre</h1>
    <p>Paragraphe</p>
</div>

La balise <article> :
=====================
C'est la même chose que la balise <div>, elle sert notamment à indiquer aux robots des moteurs de recherche que le contenu se trouvant à l'intérieur est un article.