Classes

10 min Niveau 5

Le langage HTML donne la possibilité au développeur de donner des noms à des éléments. Cela permet notamment, plus tard, lors de la phase de design, de pouvoir styliser les éléments portant un nom particulier.

Attribut class

L’attribut class est un des deux attributs permettant de donner un nom à un élément. Il permet, en fait, de pouvoir donner le même nom à plusieurs éléments.

Remarque : L’attribut class peut être utilisé avec n’importe quel élément HTML. De plus, des éléments de type différents peuvent avoir un même nom de classe. Par exemple, un élément <p> peut avoir une classe main, aussi bien qu’un élément <div>.

Exemple :

<body>
    <!-- Applique la classe background sur la div -->
    <div class="background">
        <p>Je suis le paragraphe 1</p>
    </div>

    <!-- Applique la classe background sur la div -->
    <div class="background">
        <p>Je suis le paragraphe 2</p>
    </div>
</body>

Dans cet exemple, les deux <div> se sont vues attribuer la même classe, background, grâce à l’attribut class.

Classes multiples

logo discord

Besoin d'aide ?

Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !

En savoir plus