ID HTML

Le langage de balisage hypertexte plus connu sous le nom de HTML est un langage de programmation de développement de sites Web qui fournit divers éléments et attributs qui aident à créer un site Web bien structuré. Ces éléments et attributs sont les éléments constitutifs de HTML. Un tel attribut est l'attribut ID, qui est un attribut HTML fondamental. Cet article est conçu pour discuter de l'attribut HTML ID en détail.

ID HTML

L'attribut ID HTML vous permet d'attribuer un identifiant unique à un élément HTML. Cet identifiant spécifique n'a pu être affecté qu'à un seul et seul élément HTML dans le même document. Cet attribut désigne une déclaration de style particulière dans une feuille de style qui en mots plus simples signifie que vous pouvez styliser un élément en utilisant l'attribut ID.

Syntaxe de l'attribut ID HTML

Points à retenir!

• N'oubliez pas que les valeurs d'identification sont sensibles à la casse.
• Le nom d'identification doit contenir au moins un personnage.
• Il ne peut pas avoir d'espaces blancs.
• Il ne peut pas commencer par un numéro.
• Si vous attribuez le même nom d'ID à plus d'un élément, HTML effectuera des actions associées à ce nom d'identification sur le dernier élément.

Exemple 1

Dans l'exemple suivant,

L'élément est stylé à l'aide de l'attribut ID.

L'attribut ID HTML donne un identifiant unique à un élément HTML. L'identifiant doit être unique pour chaque élément dans le même document HTML. Vous pouvez styliser un attribut HTML en utilisant l'attribut ID.

Sortir

L'exemple ci-dessus montre l'utilisation de l'attribut ID. Dans l'exemple ci-dessus, nous stylisons

élément en lui attribuant un ID unique = «para1».

Maintenant afin de coiffer cela

élément, nous définissons son style dans la section en utilisant le nom d'identification initiant avec un hashtag (#).

Exemple 2

Dans l'exemple suivant, nous stylisons deux éléments (et) en leur attribuant des identifiants uniques.

Entrez votre nom:




Soumettre

Dans l'exemple ci-dessus, nous définissons le style des éléments et des éléments de la section.

Sortir

Note: Ne mélangez pas un attribut ID avec une classe car un nom de classe est utilisé par divers éléments dans le même document; Cependant, un nom d'identification est unique et affecté à un seul élément d'un document.

HTML ID et JavaScript

JavaScript utilise la méthode getElementById () pour obtenir un élément particulier et effectuer une certaine tâche.

Exemple

Cliquez sur le bouton ci-dessous et voyez la modification.

Cliquez sur moi



Dans l'exemple ci-dessus, nous utilisons la méthode GetElementById () pour modifier la couleur du

élément en cliquant sur le bouton. Dans le morceau de code suivant, nous avons défini le style de

élément utilisant son identifiant unique qui est # para1.

# para1
taille de police: 50px;
la couleur noire;
Police-poids: Bold;
Texte-aligne: Centre;

Ensuite, nous avons utilisé la méthode GetElementById () pour changer la couleur de

élément.

document.GetElementByid ("para1").style.color = "vert";

Sortir

Avant de cliquer sur le bouton.

Après avoir cliqué sur le bouton.

Conclusion

L'attribut ID HTML fournit un identifiant unique à un élément HTML particulier qui peut être utilisé pour définir le style de cet élément particulier. Un nom d'identification spécifique peut être attribué à un seul élément dans le même document HTML. JavaScript utilise également le nom d'ID pour effectuer certaines actions sur un élément particulier. Cet article est conçu pour discuter de l'attribut HTML ID en détail à l'aide d'exemples.