Balise HTML <div>
Exemple
Une section <div> dans un document stylisé 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>
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La <div>
balise définit une division ou une section dans un document HTML.
La <div>
balise est utilisée comme conteneur pour les éléments HTML - qui sont ensuite stylisés avec CSS ou manipulés avec JavaScript.
La <div>
balise est facilement stylisée à l'aide de l'attribut class ou id.
N'importe quel type de contenu peut être placé à l'intérieur de la <div>
balise !
Remarque : Par défaut, les navigateurs placent toujours un saut de ligne avant et après l' <div>
élément.
Prise en charge du navigateur
Element | |||||
---|---|---|---|---|---|
<div> | Yes | Yes | Yes | Yes | Yes |
Attributs globaux
La <div>
balise prend également en charge les attributs globaux en HTML .
Attributs d'événement
La <div>
balise prend également en charge les attributs d'événement en HTML .
Pages connexes
Tutoriel HTML : Bloc HTML et éléments en ligne
Tutoriel HTML : mise en page HTML
Référence HTML DOM : Objet Div
Paramètres CSS par défaut
La plupart des navigateurs afficheront l' <div>
élément avec les valeurs par défaut suivantes :
Exemple
div {
display: block;
}