Phase 1 — Les fondamentaux HTML
#2 Éléments texte
h1-h6, p, strong, em, listes
Les titres
HTML propose six niveaux de titres, de <h1> (le plus important) à <h6> (le moins important). Utilisez-les pour créer une hiérarchie claire :
Titres
<h1>Titre de la page</h1>
<h2>Titre de section</h2>
<h3>Titre de sous-section</h3>Utilisez un seul <h1> par page. Ne sautez pas de niveaux — passez de <h2> à <h3>, pas de <h2> à <h5>.
Paragraphes et texte en ligne
La balise <p> crée des paragraphes. À l'intérieur, utilisez des éléments en ligne pour l'emphase :
Éléments de texte en ligne
<p>
Ceci est du texte <strong>gras</strong> et ceci est en <em>italique</em>.
Vous pouvez aussi utiliser du <mark>texte surligné</mark>,
du <small>petit texte</small> et du <code>code en ligne</code>.
</p>Les listes
Listes
<!-- Liste non ordonnée -->
<ul>
<li>Pommes</li>
<li>Bananes</li>
<li>Cerises</li>
</ul>
<!-- Liste ordonnée -->
<ol>
<li>Première étape</li>
<li>Deuxième étape</li>
<li>Troisième étape</li>
</ol>
<!-- Liste de description -->
<dl>
<dt>HTML</dt>
<dd>HyperText Markup Language</dd>
<dt>CSS</dt>
<dd>Cascading Style Sheets</dd>
</dl>Citations et texte préformaté
Blockquote et pre
<blockquote>
<p>Le Web est pour tout le monde.</p>
<footer>— Tim Berners-Lee</footer>
</blockquote>
<pre><code>function bonjour() {
console.log("Bonjour !");
}</code></pre>À vous de jouer
Essayez les commandes ci-dessous :
terminal — browser