Utilisation de l'élément <html>, <head> et <body>

Utilisation de l'élément <html>, <head> et <body>

Dans un fichier HTML, l'élément <html> est la racine de tout le document et enveloppe tout le contenu HTML. À l'intérieur de cet élément, nous avons deux sections principales : <head> et <body>. Voyons comment les utiliser :

1. L'élément <html> :

C'est l'élément racine de tout le document HTML.
Il englobe tout le contenu de la page Web.
Il doit être présent à l'extérieur des balises <head> et <body>.
Exemple :

<!DOCTYPE html>
<html lang="fr">
  <head>
    <!-- Les métadonnées et les liens vers les ressources vont ici -->
  </head>
  <body>
    <!-- Le contenu visible de la page va ici -->
  </body>
</html>

2. L'élément <head> :

C'est la première section à l'intérieur de l'élément <html>.
Il contient des métadonnées sur le document, telles que le titre de la page, les liens vers les feuilles de style CSS, les scripts JavaScript, etc.
Il ne contient pas de contenu directement visible sur la page.
Exemple :

<head>
  <title>Titre de la Page</title>
  <meta charset="UTF-8">
  <meta name="description" content="Description de la page">
  <!-- Les liens vers les feuilles de style CSS et les scripts JavaScript vont ici -->
 </head>

3. L'élément <body> :

C'est la deuxième section à l'intérieur de l'élément <html>.
Il contient tout le contenu visible de la page Web, tel que le texte, les images, les liens, les vidéos, les formulaires, etc.
C'est là que les utilisateurs voient réellement le contenu de la page.
Exemple :

<body>
  <h1>Titre Principal</h1>
  <p>Ceci est un paragraphe de texte.</p>
  <!-- Autres éléments vont ici -->
</body>

Conclusion :

En comprenant l'utilisation de l'élément <html>, <head> et <body> dans un fichier HTML, vous pouvez organiser efficacement votre document et définir les métadonnées ainsi que le contenu visible de votre page Web. Ces éléments sont essentiels pour créer des pages Web structurées et bien formatées.

Voir moins Voir plus

2989 vues

Modifié le 04 mars 2024

Publicité Sitedudev

Cette pub permet au site de vivre ...

Télécharger le code source