Aller au contenu

🏷️ Les attributs de balise en HTML

🧠 Définition

Un attribut est une information supplémentaire ajoutée à une balise HTML pour en modifier le comportement ou compléter son fonctionnement.

Il est toujours placé dans la balise ouvrante et suit cette syntaxe :

<nom_de_balise attribut="valeur">Contenu</nom_de_balise>

📌 Exemple 1 : lien cliquable avec href

<a href="https://example.com">Visiter le site</a>
  • href est l'attribut qui définit la destination du lien.
  • Sans cet attribut, la lien cliquable ne fonctionne pas

🖼️ Exemple 2 : image avec src et alt

<img src="logo.png" alt="Logo du site">
  • src indique le chemin de l'image.
  • alt fournit une description alternative si l'image ne s'affiche pas et est aussi utilisé pour l'accessibilité.
  • Ces deux attributs sont obligatoires, car sans src, il n'y a pas d'image et sans alt, l'image ne fonctionne pas en mode accessibilité.

🪟 Exemple 3 : lien avec target et title

<a href="https://example.com" target="_blank" title="Ouvrir dans un nouvel onglet">Lien externe</a>
  • target="_blank" ouvre le lien dans un nouvel onglet.
  • title affiche une info-bulle au survol du lien.
  • Ces deux attributs sont optionnels et ajoutent des fonctionnalités supplémentaires aux liens cliquables.

✅ Les attributs permettent de détailler les balises HTML et leur ajouter des informations de fonctionnement !

Certains attributs sont obligatoires, d'autres optionnels.

Nous en verrons plusieurs tout au long de la session.