# HTML <body> : l’élément HTML pour les contenus visibles L’élément HTML `` contient tous les contenus visibles d’un document HTML. Il ne peut y avoir qu’une seule zone `` par document. ## Qu’est-ce que la balise HTML `` et à quoi sert-elle ? HTML `` est un élément HTML qui permet d’afficher le contenu d’un document. Tous les **contenus visibles** comme les titres, les blocs de texte, les images, les tableaux, les hyperliens, les listes ainsi que d’autres éléments possibles sont déposés à l’intérieur de cette balise HTML, aussi parfois appelée *tag*. Dans chaque document, il ne peut y avoir **qu’un seul tag HTML ``**. Celui-ci se trouve toujours sous la zone `` et au-dessus du pied de page HTML. La balise `` supporte tous les attributs HTML principaux. ## HTML `` : syntaxe et fonctionnement Avant de vous montrer le fonctionnement de HTML `` à l’aide de quelques exemples simples, jetons un œil à la syntaxe de base de l’élément. Elle se présente comme suit : ```html C’est ici que les contenus visibles du site Web se trouvent. ``` Seuls les contenus situés entre la balise d’introduction (``) et la balise de fermeture (``) seront affichés ultérieurement sur le site Web. ## Exemples d’utilisation du tag HTML `` Les exemples suivants montrent comment HTML `` est utilisé dans la pratique. ### Document HTML avec un simple élément `` Nous créons tout d’abord un document HTML simple avec une **ligne de titre, un paragraphe de texte et une image**, qui seront tous déposés à l’intérieur du corps. Voici le code correspondant : ```html HTML body dans un document

Voici votre ligne de titre.

Le contenu de votre site Web se trouve ici.

``` ### Créer une barre de navigation avec `href` Dans l’exemple suivant, voici comment créer une barre de navigation pour votre site Web à l’aide de la balise HTML `` et de l’attribut href. Voici le code approprié : ```html Site Web avec une barre de navigation

Accueil

A propos

Contact

``` ### Intégrer une vidéo via la balise HTML `` Pour intégrer une vidéo sur votre site Web, la zone `` est l’endroit approprié (et le seul possible, par ailleurs) pour le faire ! Voici un exemple de code pour l’intégration : ```html Site Web avec une vidéo

``` ### Modifier le design via le tag HTML `` À l’aide de CSS vous pouvez également utiliser la zone `` pour personnaliser le design de votre site Web. L’exemple suivant montre comment cela fonctionne : ```html HTML body avec des modifications graphiques

Voici votre ligne de titre.

Le contenu de votre site Web se trouve ici.

``` ### Personnaliser l’arrière-plan avec HTML `` Si vous souhaitez simplement modifier votre [arrière plan HTML](https://www.ionos.com/fr-be/digitalguide/sites-internet/developpement-web/backgrounds-html/) avec CSS, cela se fait également au sein de la balise HTML ``. Voici comment définir la couleur d’arrière-plan : ```html HTML body avec une nouvelle couleur d’arrière-plan

Voici votre ligne de titre.

Visitez exemple.com !

``` Si vous souhaitez insérer une image à la place, voici le code nécessaire : ```html HTML body avec une nouvelle image d’arrière-plan

Voici votre ligne de titre.

Visitez exemple.com !

``` This is a markdown version of: [https://www.ionos.com/fr-be/digitalguide/sites-internet/developpement-web/html-body/](https://www.ionos.com/fr-be/digitalguide/sites-internet/developpement-web/html-body/) for AI/LLM consumption.