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.

2341 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
88 vues
Importer des fichiers SASS dans d'autres fichiers
Importer des fichiers SASS dans d'autres fichiers1. Structure de base :Assurez-vous que votre projet SASS est organisé de manière à ce que les fichiers que vous souhaitez importer et les fichiers...
Sass
3 712 vues
Afficher son article
Afficher son articleNous allons créer une nouvelle page que l'on nommera voir_article.php. Cette page affichera tous les articles qui constituerons notre blog.Nous allons modifier notre...
Créer son site
63 vues
Gestion des exceptions
Gestion des Exceptions en JavaScriptLa gestion des exceptions en JavaScript permet de détecter, signaler et gérer les erreurs qui surviennent lors de l'exécution d'un programme. Les exceptions...
JS
126 vues
Boucles (for, while, do-while, foreach)
Les boucles en PHP permettent d'exécuter un bloc de code plusieurs fois, en fonction d'une condition spécifiée. Les principales boucles en PHP sont for, while, do-while et foreach. Voici un cours...
PHP
1 998 vues
Ajouter un avatar
Nous allons maintenant ajouter des avatars à nos profils et afficher ses avatars lors de l’affichage des membres 😁
Créer son site de rencontres
1 785 vues
Installer SASS sur votre système
Installation de SASS sur votre système1. Installer Node.js :SASS nécessite Node.js pour fonctionner. Si vous ne l'avez pas déjà installé, téléchargez et installez Node.js à partir du site...
Sass
1 950 vues
Demande d'amis en PHP (2/3)
Dans cette deuxième vidéos nous allons développer notre système de relation d’amitié afin de faire apparaître les bons boutons en fonction de l'état de la relation entre 2 membres.
Créer son site de rencontres
9 466 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
Publicité
Cette pub permet au site de vivre ...