HTML

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.

2397 vues
Modifié le 04 mars 2024
Publicité Sitedudev
Cette pub permet au site de vivre ...
Télécharger le code source
Publicité
Cette pub permet au site de vivre ...
Voir d'autres articles
2 888 vues
Twitter Cards
Les Twitter Cards sont des protocoles qui vous permettent d’attacher des photos, des vidéos et autres médias interactifs à vos tweets afin d’amener...
Créer son site
179 vues
Gestion des événements : click, submit, keydown, etc.
Gestion des Événements en JavaScriptLa gestion des événements en JavaScript permet d'interagir avec les actions de l'utilisateur sur une page web, telles que les clics de souris, les soumissions...
JS
141 vues
Opérateurs arithmétiques, logiques et de comparaison
Opérateurs en JavaScript1. Opérateurs Arithmétiques :Les opérateurs arithmétiques sont utilisés pour effectuer des opérations mathématiques sur des valeurs numériques.Addition (+) : Ajoute...
JS
277 vues
Installation de PHP sur votre système (XAMPP, WAMP, MAMP, etc.)
Introduction à l'installation de PHPAvant de commencer à programmer en PHP, il est nécessaire d'installer PHP sur votre système local. Voici quelques-unes des méthodes courantes pour installer...
PHP
271 vues
Définition et but
Le fichier .htaccess est un outil puissant utilisé sur les serveurs web Apache pour configurer et contrôler divers aspects d'un site web. Son nom provient de "HyperText Access", ce qui signifie...
HTACCESS
9 747 vues
Supprimer le .php de vos URLs
Avant de mettre en ligne votre site, il faut tout d'abord apporter une dernière modification à votre site. Laquelle ? Et bien celle de supprimer les .php de vos URLs pour rendre votre site web plus...
Créer son site
133 vues
Tableaux : création, accès aux éléments, méthodes
Tableaux en JavaScript1. Création de Tableaux :Un tableau en JavaScript est une structure de données permettant de stocker plusieurs valeurs dans une seule variable. Vous pouvez créer un tableau...
JS
13 967 vues
Première page (index.php)
Pour commencer à développer notre site nous avons besoin de créer une nouvelle page que l'on appellera index.php. Cette page fera office de page d'accueil car lorsque vous allez...
Créer son site
Publicité
Cette pub permet au site de vivre ...