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.

2578 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
3 374 vues
Mise en évidence du texte avec <em>, <strong>, <u> et <s>
Mise en évidence du texte avec <em>, <strong>, <u> et <s>Les balises <em>, <strong>, <u> et <s> sont utilisées pour mettre en évidence le texte dans...
HTML
389 vues
Portée des variables (variables locales et globales)
La portée des variables en PHP fait référence à la visibilité et à l'accès des variables à différents endroits dans un script PHP. Il existe deux types principaux de portée des variables :...
PHP
2 786 vues
Mettre son site en ligne
Maintenant que vous avez développé votre propre site il est temps qu'il prenne son envole afin d'atterrir dans nos navigateurs (ex : google, bing, etc.) 😁👌Donc à partir de maintenant vous...
Créer son site
3 184 vues
Le protocole Open Graph
IntroductionLe protocole Open Graph permet à n'importe quelle page Web de devenir un objet riche dans un graphe social. Par exemple, ceci est utilisé...
Créer son site
3 250 vues
Formulaire d'inscription en PHP (2/2)
Dans cette deuxième partie nous allons compléter et sécuriser notre formulaire avec différentes conditions.Par exemple nous allons utiliser la function crypt de PHP.Exemple :<?php ...
Créer son site de rencontres
447 vues
Création d'un fichier .htaccess
Le fichier .htaccess est un élément important pour configurer et personnaliser un site web sur un serveur Apache. Dans ce cours, nous allons apprendre comment créer un fichier .htaccess de...
HTACCESS
40 783 vues
Inscription en PHP
Pour débuter notre site nous allons créer un formulaire d'inscription afin d'enregistrer de nouveaux utilisateurs dans une base de données (BDD).Pour cela, il faut créer un formulaire...
Créer son site
4 914 vues
Les outils pour développer
Avant de vous lancer dans le développement il reste encore quelques prérequis qui sont les logiciels que vous allez utiliser afin de concevoir votre site !Ce qui vous manque actuellement c'est...
Créer son site
Publicité
Cette pub permet au site de vivre ...