En HTML, il existe à la fois des balises paires et des balises simples (également appelées balises auto-fermantes ou éléments vides). Chaque type remplit une fonction spécifique et possède ses propres caractéristiques.

Balises paires

Les balises paires se composent d'une balise ouvrante et d'une balise fermante. Elles peuvent englober du contenu et regrouper des éléments afin de modifier certaines propriétés ou de les organiser selon leur signification.

Syntaxe :

html
Copier le code

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

Dans cet exemple :

• <section>...</section> : regroupe un contenu lié ;

• <h1>...</h1> : ajoute un titre à la section ;

• <p>...</p> : contient un paragraphe expliquant que la plupart des balises HTML vont par paires.

Balises simples

Les balises simples se composent uniquement d'une balise ouvrante sans 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 :

html
Copier le code

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. L'attribut placeholder=" name" affiche un indice à l'intérieur du champ ;

• <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 respecter l'ordre hiérarchique, à l'image des poupées russes. Chaque balise imbriquée doit être correctement incluse dans sa balise parente tout en respectant les règles de syntaxe HTML.

Voici un exemple de balises imbriquées :

html
Copier le code

Considérons l'exemple valide suivant :

Ce code affiche un paragraphe avec un lien et un texte mis en valeur :

• <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> : met le mot « site web » en gras pour le mettre en valeur.

Résumé

HTML se compose de balises paire et unique, chacune ayant des fonctions différentes. Les balises paires possèdent une balise d'ouverture et une balise de fermeture pour entourer le contenu, tandis que les balises uniques sont auto-fermantes. Un bon emboîtement des balises et le respect de la hiérarchie correcte sont essentiels pour une structure HTML bien formée.