Les Balises HTML Essentielles pour Structurer votre Contenu Web

Introduction aux Balises HTML

Les balises HTML sont les éléments de base qui constituent une page web. Elles sont utilisées pour structurer le contenu, définir le formatage et ajouter des fonctionnalités interactives. Chaque balise est entourée de chevrons (< et >) et peut avoir des attributs qui modifient son comportement.

Les Balises de Texte

• <p> : Définit un paragraphe de texte.
• <br> : Insère un saut de ligne.
• <strong> : Met en évidence un texte important (gras).
• <em> : Met l'accent sur un texte (italique).
• <mark> : Marque un texte pour le mettre en évidence.
• <q> : Crée une courte citation.
• <blockquote> : Crée une citation plus longue, souvent indentée.

Exemple :

<p>Ceci est un <strong>paragraphe important</strong> avec un <em>texte mis en évidence</em>.</p>
<q>Ceci est une courte citation.</q>

Les Balises de Listes

• <ul> : Définit une liste non ordonnée (à puces).
• <ol> : Définit une liste ordonnée (numérotée).
• <li> : Définit un élément de liste.

Exemple :

<ul>
  <li>Élément 1</li>
  <li>Élément 2</li>
  <li>Élément 3</li>
</ul>

<ol>
  <li>Étape 1</li>
  <li>Étape 2</li>
  <li>Étape 3</li>
</ol>

Les Balises de Liens et d'Images

• <a> : Définit un lien hypertexte. L'attribut href spécifie l'URL de la page vers laquelle le lien pointe.
• <img> : Affiche une image. L'attribut src spécifie l'URL de l'image, et l'attribut alt fournit une description alternative de l'image.

Exemple :

<a href="https://www.exemple.com">Lien vers Exemple</a>
<img src="image.jpg" alt="Description de l'image">

Les Balises de Tableaux

• <table> : Définit un tableau.
• <tr> : Définit une ligne de tableau.
• <th> : Définit une cellule d'en-tête de tableau.
• <td> : Définit une cellule de données de tableau.

Exemple :

<table>
  <tr>
    <th>Nom</th>
    <th>Âge</th>
  </tr>
  <tr>
    <td>Jean</td>
    <td>30</td>
  </tr>
  <tr>
    <td>Marie</td>
    <td>25</td>
  </tr>
</table>

Ce qu'il faut retenir

• Les balises HTML sont utilisées pour structurer et formater le contenu d'une page web.
• Les balises de texte permettent de définir des paragraphes, des sauts de ligne et de mettre en évidence du texte.
• Les balises de listes permettent de créer des listes ordonnées et non ordonnées.
• Les balises de liens et d'images permettent d'ajouter des liens hypertextes et d'afficher des images.
• Les balises de tableaux permettent de créer des tableaux pour organiser les données.