HTML <body> Tag
Exemple
Un document HTML simple :
<html>
<head>
<title>Titre du document</title>
</head>
<body>
<h1>Ceci est un en-tête</h1>
<p>Ceci est un paragraphe.</p>
</body>
</html> Plus d'exemples "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 des en-têtes, des paragraphes, des images, des hyperliens, des tableaux, des listes, etc.
Remarque : Il ne peut y avoir qu'un seul élément <body> dans un document HTML.
Support des Navigateurs
| É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> prend également en charge les Attributs d'Événement en HTML .
Plus d'Exemples
Exemple
Ajouter une image de fond à un document (avec CSS) :
<html>
<head>
<style>
body {
background-image: url(w3s.png);
}
</style>
</head>
<body>
<h1>Bonjour le monde !</h1>
<p><a href="https://www.formation-ti.org">Visitez formation-ti.org !</a></p>
</body> Exemple
Définir la couleur de fond d'un document (avec CSS) :
<html>
<head>
<style>
body {
background-color: #E6E6FA;
}
</style>
</head>
<body>
<h1>Bonjour le monde !</h1>
<p><a href="https://www.formation-ti.org">Visitez formation-ti.org !</a></p>
</body> Exemple
Définir la couleur du texte dans un document (avec CSS) :
<html>
<head>
<style>
body {
color: green;
}
</style>
</head>
<body>
<h1>Bonjour le monde !</h1>
<p>Ceci est un texte.</p>
<p><a href="https://www.formation-ti.org">Visitez formation-ti.org !</a></p>
</body>
</html> 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.formation-ti.org">formation-ti.org</a></p>
<p><a href="https://www.formation-ti.org/html/">Tutoriel HTML</a></p>
</body>
</html> 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.formation-ti.org">formation-ti.org</a></p>
<p><a href="https://www.formation-ti.org/html/">Tutoriel HTML</a></p>
</body>
</html> 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.formation-ti.org">formation-ti.org</a></p>
<p><a href="https://www.formation-ti.org/html/">Tutoriel HTML</a></p>
</body>
</html> Pages Associées
Tutoriel HTML : Éléments HTML
Référence DOM HTML : Objet Body
Référence DOM HTML : Propriété document.body
Paramètres CSS par Défaut
La plupart des navigateurs afficheront l'élément <body> avec les valeurs par défaut suivantes :
Exemple
body {
display: block;
margin: 8px;
}
body:focus {
outline: none;
}