- un id s’applique à un objet unique : il ne peut pas y avoir deux mêmes id dans une page.
- une classe peut caractériser plusieurs objets (identiques ou non)
L’ID (Identificateur) en HTML est un attribut qui permet de mettre en évidence un élément spécifique dans une page web. Il est utilisé pour identifier un élément unique, tel qu’un en-tête, une bannière, un pied de page, ou tout autre composant distinctif. En CSS, l’ID est utilisé pour appliquer des styles à un élément spécifique identifié par son ID, ce qui permet de personnaliser l’apparence de cet élément de manière précise.
Comment appeler un ID dans le CSS ?
Pour appeler un ID dans le CSS, il suffit de précéder l’identificateur avec le symbole dièse (#). Par exemple, si vous avez un élément avec l’ID « en-tête », vous pouvez le sélectionner en écrivant #en-tête dans votre feuille de style CSS. Voici un exemple simple :
#en-tête {
color: blue;
font-size: 24px;
}C’est quoi class en HTML ?
La classe en HTML est un attribut qui permet de regrouper plusieurs éléments sous une même appellation. Elle est utilisée pour identifier des éléments similaires et leur appliquer des styles CSS communs. Contrairement à l’ID, qui doit être unique dans une page, la classe peut être utilisée plusieurs fois pour différents éléments, ce qui en fait un outil puissant pour le stylage.
Comment utiliser l’attribut class ?
Pour utiliser l’attribut class, vous devez ajouter la classe souhaitée à l’élément HTML que vous voulez identifier. Par exemple, si vous voulez regrouper tous les paragraphes dans un même style CSS, vous pouvez attribuer la classe « paragraphe » à chaque élément de paragraphe. Voici un exemple :
<p class="paragraphe">Ceci est un paragraphe.</p>
<p class="paragraphe">Ceci est un autre paragraphe.</p>Quelles sont les 2 attributs obligatoires d’une balise form ?
Les deux attributs obligatoires d’une balise form sont « action » et « method ».
- action : Indique l’adresse URL du script qui traitera les données du formulaire.
- method : Indique la méthode HTTP à utiliser pour envoyer les données du formulaire au serveur, généralement « GET » ou « POST ».
Comment cibler un élément en CSS ?
Pour cibler un élément en CSS, vous devez utiliser un sélecteur. Les sélecteurs permettent de sélectionner un ou plusieurs éléments en fonction de leur ID, de leur classe, de leur type ou de leur position dans la hiérarchie du document. Voici quelques exemples de sélecteurs :
| Type de sélecteur | Exemple | Description |
|---|---|---|
| ID | #monID |
Sélectionne un élément avec un ID spécifique. |
| Classe | .maClasse |
Sélectionne tous les éléments avec une classe donnée. |
| Type | div |
Sélectionne tous les éléments de type div. |
| Descendant | div p |
Sélectionne tous les paragraphes à l’intérieur d’un div. |
Par exemple, pour cibler tous les éléments de paragraphe d’une classe « paragraphe », vous pouvez écrire .paragraphe.
Pour ajouter un ID à une balise de paragraphe en HTML, vous devez utiliser l’attribut « id ». Par exemple, pour ajouter un ID « monparagraphe » à un paragraphe, vous pouvez écrire la balise de cette façon :
.
Le sélecteur qui permet de cibler un élément avec un id est « # ». Par exemple, si un élément a un id de « monid », le sélecteur pour le cibler serait « #monid ».
Pour ajouter un attribut HTML à un élément, vous pouvez utiliser la syntaxe suivante :
« `
« `
Par exemple, pour ajouter l’attribut « class » à un élément div, vous pouvez écrire :
« `
« `
Vous pouvez également utiliser JavaScript pour ajouter ou modifier des attributs HTML dynamiquement.