Cours HTML/CSS débutant — Module 2 : Les balises HTML essentielles

Module 2 : Les balises HTML essentielles

Dans ce module, nous explorons les balises HTML les plus utilisées pour structurer du contenu.

Les titres

<h1>Titre principal</h1>
<h2>Sous-titre</h2>
<h3>Sous-sous-titre</h3>

Il n'y a qu'un seul <h1> par page en général, et on descend progressivement en importance.

Les paragraphes et le texte

<p>Un paragraphe de texte.</p>
<strong>Texte important</strong>
<em>Texte en italique</em>

Les listes

<ul>
  <li>Élément non ordonné</li>
  <li>Autre élément</li>
</ul>

<ol>
  <li>Première étape</li>
  <li>Deuxième étape</li>
</ol>

Les liens et les images

<a href="https://example.com">Un lien</a>
<img src="photo.jpg" alt="Description de l'image">

L'attribut alt est important pour l'accessibilité et le SEO.

Les conteneurs génériques

<div>Un bloc générique</div>
<span>Un élément en ligne</span>

Exercice pratique

Créez une page présentant une recette de cuisine avec : un titre, une liste d'ingrédients, des étapes numérotées, et une image.

Prochain épisode (Module 3) : introduction à CSS — sélecteurs, couleurs et mise en forme du texte.