Syntaxe de base

Les attributs sont spécifiés uniquement à l'intérieur des crochets triangulaires de la balise ouvrante d'un élément. La syntaxe pour définir un attribut est la suivante :

html

Points clés

• Les attributs peuvent être optionnels ou obligatoires : selon l’élément, certains attributs peuvent être nécessaires pour fonctionner correctement, tandis que d’autres sont optionnels et offrent des options de personnalisation supplémentaires ;

• Les attributs sont entourés de guillemets : les valeurs des attributs sont entourées soit de guillemets doubles ("..."), soit de guillemets simples ('...'). Cela permet de les distinguer du nom de l’élément et facilite la lisibilité ;

• Chaque balise possède son propre ensemble d’attributs : différents éléments HTML prennent en charge différents attributs. Comprendre les attributs spécifiques applicables à chaque élément est essentiel pour les utiliser efficacement ;

• Plusieurs attributs peuvent être utilisés : il est possible d’inclure plusieurs attributs dans un même élément en les séparant par un espace. Cela permet une personnalisation et un contrôle plus poussés du comportement de l’élément.

Exemple d’utilisation

Exploration d’un exemple d’élément HTML avec un attribut afin de comprendre comment ils influencent le comportement des éléments :

Cet élément affiche une image d'une forêt. L'attribut alt="Forest" fournit un texte alternatif, ainsi, si l'image ne se charge pas, les utilisateurs verront "Forest" à la place. L'attribut src="..." spécifie l'emplacement de l'image.

Remarque

Les attributs spécifiques à chaque élément seront examinés plus en détail ultérieurement. Pour l'instant, l'objectif est de comprendre le concept d'attributs, leur utilisation, ainsi que le fait que chaque élément possède son propre ensemble d'attributs. Ces attributs jouent un rôle important dans la modification de l'apparence, de la finalité et de la fonctionnalité de l'élément.

Résumé

Un élément HTML se compose généralement d'une balise, d'attributs et de contenu.

• La balise définit le type d'élément (par exemple, p, img, etc.) ;

• L'attribut fournit des informations supplémentaires sur l'élément (par exemple, src, alt, etc.) ;

• Le contenu correspond à tout ce qui se trouve entre la balise ouvrante et la balise fermante de l'élément.