Balise HTML <body>
Exemple
Un simple document HTML :
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Try it Yourself »
Plus d'exemples "Try it Yourself" (« Essayez-le vous-même ») ci-dessous.
Définition et utilisation
La balise <body> définit le corps du document.
L'élément <body> contient tout le contenu d'un document HTML, tel que les titres, paragraphes, images, hyperliens, tableaux, listes, etc.
Remarque : Il ne peut y avoir qu'un seul élément <body> dans un document HTML.
Prise en charge du navigateur
| Élément | |||||
|---|---|---|---|---|---|
| <body> | Oui | Oui | Oui | Oui | Oui |
Attributs globaux
La balise <body> prend également en charge les Attributs globaux en HTML.
Attributs d'événement
La balise <body> supporte également les Attributs d'événement en HTML.
Plus d'exemples
Exemple
Ajouter une image d'arrière-plan à un document (avec CSS) :
<html>
<head>
<style>
body {
background-image: url(w3s.png);
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>
</body>
Try it Yourself »
Exemple
Définir la couleur d'arrière-plan d'un document (avec CSS) :
<html>
<head>
<style>
body {
background-color: #E6E6FA;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>
</body>
Try it Yourself »
Exemple
Définir la couleur du texte dans un document (avec CSS) :
<html>
<head>
<style>
body {
color: green;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p>This is some text.</p>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>
</body>
</html>
Try it Yourself »
Exemple
Définir la couleur des liens non visités dans un document (avec CSS) :
<html>
<head>
<style>
a:link {
color:#0000FF;
}
</style>
</head>
<body>
<p><a href="https://www.w3schools.com">W3Schools.com</a></p>
<p><a href="https://www.w3schools.com/html/">HTML Tutorial</a></p>
</body>
</html>
Try it Yourself »
Exemple
Définir la couleur des liens actifs dans un document (avec CSS) :
<html>
<head>
<style>
a:active {
color:#00FF00;
}
</style>
</head>
<body>
<p><a href="https://www.w3schools.com">W3Schools.com</a></p>
<p><a href="https://www.w3schools.com/html/">HTML Tutorial</a></p>
</body>
</html>
Try it Yourself »
Exemple
Définir la couleur des liens visités dans un document (avec CSS) :
<html>
<head>
<style>
a:visited {
color:#FF0000;
}
</style>
</head>
<body>
<p><a href="https://www.w3schools.com">W3Schools.com</a></p>
<p><a href="https://www.w3schools.com/html/">HTML Tutorial</a></p>
</body>
</html>
Try it Yourself »
Pages connexes
Tutoriel HTML : Éléments HTML
Référence HTML DOM : Objet Body
Référence HTML DOM : Propriété document.body
Paramètres CSS par défaut
La plupart des navigateurs affichent l'élément <body> avec les valeurs par défaut suivantes :
Remarque. Selon la spécification HTML5, la balise <body> est facultative, les pages HTML fonctionneront sans elle. Mais il est toujours recommandé d'utiliser la balise <body> pour l'affichage correct des pages Web dans certaines applications Web et pour éviter les erreurs dans leur travail.
