Attributs HTML

Les éléments / balises HTML peuvent avoir certains attributs qui fournissent des propriétés supplémentaires aux éléments HTML. Ces attributs décrivent les différentes caractéristiques des éléments HTML comme l'attribut «Style» utilisé pour définir le style des éléments HTML. Les attributs sont définis dans la balise de départ et leurs valeurs sont toujours spécifiées dans les doubles citations suivies du nom de la balise et du signe «égal à».

Cet article fournira un aperçu approfondi des attributs HTML qui aideront l'utilisateur à comprendre l'importance des attributs HTML dans le développement Web. À cette fin, nous mettrons en œuvre certains des principaux attributs des éléments HTML et aurons une meilleure compréhension.

Certains attributs sont fréquemment utilisés sur la plupart des éléments tels que identifiant, titre, style, et classe. Ces attributs sont communément appelés les attributs principaux. Nous en discuterons un par un et après, nous couvrirons d'autres attributs qui offrent des propriétés cruciales aux éléments HTML.

Attribut d'identification dans HTML

L'attribut ID fournit l'unicité à tout élément HTML. Par exemple, nous avons deux éléments HTML avec un nom similaire, nous pouvons identifier ou différencier ces éléments en fonction de l'attribut ID.

attribut id 1

Attribut d'identification 2

Dans cet exemple, nous voulons créer deux titres avec des styles différents. Nous pouvons le faire en affectant différents «identifiant«Aux éléments. Le code ci-dessus fournira la sortie suivante:

Attribut de titre dans HTML

L'attribut de titre fournit un titre spécifique à l'élément HTML. Cependant, son comportement repose sur l'élément qui tient le «titre" attribut. La plupart du temps, cela fonctionne comme une infraction, ce qui signifie que chaque fois que quelqu'un déplace le curseur sur cet élément, il affichera la valeur de l'attribut de titre en tant qu'office.

C'est un attribut HTML

La sortie ci-dessous vérifiera que lorsque nous déplaçons le curseur sur l'élément, il montre la valeur du titre attribut:

Attribut de style dans HTML

L'attribut de style fournit des caractéristiques telles que la couleur, la taille de la police, la bordure, etc. à n'importe quel élément HTML:

Attributs HTML

Dans cet exemple, nous avons créé un élément de paragraphe et lui attribué quelques attributs. En conséquence, il fournira la sortie suivante:

Attribut de classe dans HTML

L'attribut de classe est utilisé pour définir une classe pour un ou plusieurs éléments HTML. Il fait référence au nom de classe avec des feuilles de style.

Dans cet exemple, nous avons créé deux éléments HTML et utilisé l'attribut de classe. Les deux éléments porteront le même style que défini dans la classe:

Employé 1

Le premier employé vit au Royaume-Uni

Employé 2

Le deuxième employé vit aux États-Unis

Comme les deux éléments HTML accèdent à la même classe, les deux éléments suivront donc le même style et la sortie résultante sera:

Attribut SRC dans HTML

L'un des attributs HTML les plus utilisés est le «SRC”Attribut qu'il porte le lien d'une image source. Ce lien peut être un lien absolu ou un lien relatif.

Le terme lien absolu se réfère à l'URL d'une image placée en ligne tandis que le lien relatif se réfère au chemin d'image placé localement.

Par exemple, si un utilisateur souhaite intégrer une image sur une page, il utilisera le étiqueter. Mais ce ne serait pas suffisant, nous devons également ajouter le chemin de cette image.

Considérez maintenant le code suivant pour déterminer comment le SRC L'attribut sera intégré à la balise d'image:

Dans le code HTML ci-dessus, le nom de l'image ainsi que son chemin sont attribués au SRC étiqueter.

Attribut alt dans HTML

Le terme alt signifie alternatif. Ceci est utilisé dans l'élément comme un attribut. Un attribut qui fournira un texte alternatif pour l'image si l'image ne se charge pas correctement pour une raison.

Maintenant, il affichera un autre message si le «John.Le fichier png ”ne se charge pas pour aucune raison comme indiqué dans l'extrait suivant:

Attribut Lang en HTML

L'élément prend un égouter attribut qui détermine la langue de la page Web. Cet attribut facilite les moteurs de recherche pour trouver les pages Web spécifiques à la langue:

Le code ci-dessus spécifie la langue française de la page Web.

Attribut HREF dans HTML

HREF signifie la référence hypertexte et il est utilisé pour ajouter l'URL de toute page Web. Il est utilisé dans la balise:

Bienvenue à Linuxhint

Dans la sortie, il générera un lien comme indiqué dans l'extrait ci-dessous:

Cliquer sur le lien ci-dessus nous conduira à un site Web comme indiqué dans la sortie suivante:

Conclusion

Les attributs HTML définissent certaines caractéristiques supplémentaires pour les éléments HTML. Le but d'utiliser les attributs avec différents éléments HTML est de concevoir une page Web plus lumineuse, plus claire et bien formulée.

Cet article propose une image détaillée des attributs HTML. Le démarrage de la moitié de cet article couvre les attributs principaux où nous discutons de la façon d'utiliser identifiant, titre, style, et classe Attributs dans les éléments HTML. Tandis que la seconde moitié fournit des attributs bien connus où nous avons compris comment utiliser SRC et alt Attributs tout en intégrant n'importe quelle image avec la page Web.