Accueil    HTML    Balise BODY
 



balise body  Balise BODY : Corps du document html

«  Partie précédente  |  Index  |  Partie suivante  »


  • Tag de fermeture obligatoire | Support :
  • Google Chrome
  • Firefox
  • Internet Explorer
  • Opera
  • Safari



La balise <body> fait partie des balises structurant un document HTML. Ce tag encadre le corps du document, c'est à dire les informations qui seront visibles dans le navigateur qui affichera la page : le texte, les images les liens ... Visuellement il correspond donc au cadre complet rendant l'affichage des pages du navigateur.

Il est possible de lui appliquer des styles de mise en forme, les plus fréquents étant l'espacement par rapport à la bordure du cadre "margin", l'image ou la couleur de fond ou encore la police de caractère à employer par défaut dans le document.



Exemple d'utilisation de la balise body :



Structure complète d'un document html :


!doctype règles de mise en forme à appliquer par le navigateur
html élément racine de la page
head informations d'entête utilisées :
    soit par le navigateur (titre, balises meta ...)
    soit par les éléments du corps (styles, scripts ...)
title titre de la page affichée dans le navigateur
meta Informations optionnelles relatives au descriptif du contenu de la page, à son auteur et de nombreuses autres informations.
link Lien vers des fichiers externes. La feuille de style css est référencée de cette façon.
script Contient du code javascript utilisé par la page (fonctions appelées lors de certains évènements déclenchés par l'utilisateur, comme par exemple le clic sur un bouton).
body corps de la page contenant tous les éléments relatifs au rendu et à la présentation du document.




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
   <head>
      <title>Titre de la page web</title>
      <meta name="Description" content="Description du document">
      <link rel="stylesheet" type="text/css" href="MonStyle.css">

   </head>
   <body>

       Contenu de la page ...


   </body>
</html>