Balises Paires et Simples

En HTML, il existe à la fois des balises appariées et des balises simples (également appelées balises auto-fermantes ou éléments vides). Chaque type a un but spécifique et une fonction propre.

Balises Appariées

Les balises appariées se composent de balises ouvrantes et fermantes. Elles peuvent entourer le contenu et regrouper des éléments pour modifier certaines propriétés ou collecter des éléments par signification.

Syntaxe :

Voici un exemple réel d'utilisation de balises appariées :

Dans cet exemple :

• <section>...</section> : regroupe le contenu lié ensemble ;
• <h1>...</h1> : ajoute un titre pour la section ;
• <p>...</p> : contient un paragraphe expliquant que la plupart des balises HTML viennent par paires.

Balises Simples

Les balises simples se composent uniquement d'une balise ouvrante et pas de balise fermante. Elles sont utilisées lorsque la balise ne nécessite pas de contenu ou lorsque tout le contenu et le comportement sont spécifiés à l'aide d'attributs.

Syntaxe :

Voici un exemple réel d'utilisation de balises simples :

Ce code inclut deux éléments :

• <input /> : crée un champ de saisie de texte. Le placeholder=" name" affiche un indice à l'intérieur de la boîte ;
• <img /> : affiche une image de fruits.
  • alt="Fruits" : texte affiché si l'image ne se charge pas ;
  • width et height : définissent les dimensions de l'image ;
  • src : spécifie l'URL de l'image.

Imbrication des Balises

Lors de l'imbrication des balises, il est essentiel de suivre l'ordre hiérarchique, similaire aux poupées russes. Chaque balise imbriquée doit être correctement incluse dans sa balise parente tout en respectant les règles de la syntaxe HTML.

Voici un exemple de balises imbriquées :

Considérons le prochain exemple valide :

Ce code affiche un paragraphe avec un lien et un texte en italique :

• <p>...</p> : englobe l'ensemble du paragraphe ;
• <a href="https://privacy.com">...</a> : crée un lien cliquable vers la Politique de confidentialité ;
• <strong>...</strong> : rend le mot "site web" en gras pour le mettre en valeur.

Résumé

HTML se compose de balises paire et unique, chacune servant à des fins différentes. Les balises paires ont une balise d'ouverture et de fermeture pour entourer le contenu, tandis que les balises uniques se ferment elles-mêmes. Bien imbriquer les balises et suivre la hiérarchie correcte sont essentiels pour une structure HTML bien formée.