HTML <div> Tag
Exemple
Une section <div> dans un document qui est stylée avec CSS :
<html>
<head>
<style>
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<body>
<div class="myDiv">
<h2>This is a heading in a div element</h2>
<p>This is some text in a div element.</p>
</div>
</body>
</html>
Try it Yourself »
Plus d'exemples "Try it Yourself" ("Essayez-le vous-même") ci-dessous.
Définition et utilisation
La balise <div> définit une division ou une section dans un document HTML.
La balise <div> sert de conteneur pour les éléments HTML, qui sont ensuite stylisés avec CSS ou manipulés avec JavaScript.
La balise <div> est facilement stylisée à l'aide de l'attribut class ou id.
Tout type de contenu peut être placé dans la balise <div> !
Remarque : Par défaut, les navigateurs placent toujours un saut de ligne avant et après l'élément <div>.
Support de navigateur
| Élément | |||||
|---|---|---|---|---|---|
| <div> | Oui | Oui | Oui | Oui | Oui |
Attributs globaux
La balise <div> prend également en charge les attributs globaux en HTML.
Attributs de l'événement
La balise <div> prend également en charge les attributs d'événement en HTML.
Pages connexes
HTML tutoriel : HTML Éléments de blocs et de ligne
HTML tutoriel : HTML Mise en page
HTML DOM référence : Div Objet
Paramètres CSS par défaut
La plupart des navigateurs afficheront l'élément <div> avec les valeurs par défaut suivantes :
