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.

2511 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
40 475 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
2 511 vues
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. À...
HTML
3 347 vues
Créer un fichier HTML
Créer un Fichier HTMLPour créer un fichier HTML, vous aurez besoin d'un éditeur de texte simple tel que Notepad (sur Windows) ou TextEdit (sur Mac). Suivez ces étapes simples pour créer votre...
HTML
2 800 vues
Comment faire connaitre son site ?
L'un des derniers points qui n'est pas sans conséquence est la promotion de son site après l'avoir mis en ligne sur un hébergeur (OVH, 1and1, Hostinger, etc.).L'une des questions que...
Créer son site
398 vues
Utilisation de l'instruction SQL SELECT pour récupérer des données d'une ou plusieurs tables
1. Sélection de Colonnes Spécifiques :Pour récupérer des données spécifiques de certaines colonnes d'une table, utilisez la syntaxe suivante :SELECT colonne1, colonne2, ... FROM...
SQL
2 824 vues
Référencer votre site (SEO)
Aujourd'hui, créer son propre site web est devenu facile mais qu'en est-il lorsque celui-ci est en ligne ?Il est facile de faire de la publicité pour votre site sur les réseaux sociaux...
Créer son site
1 600 vues
Utiliser les opérations mathématiques (+, -, *, /) dans les styles
Utiliser les opérations mathématiques en SASS : +, -, , /1. Addition (+), Soustraction (-), Multiplication (*), Division (/) :En SASS, vous pouvez effectuer des opérations mathématiques...
Sass
9 859 vues
Valider son compte avec un mail
Dans cet article nous allons développer un système qui permettra d'envoyer un mail à votre nouvel utilisateur avec une clé afin de confirmer son compte sur votre site.Pour commencer il faudra...
Créer son site
Publicité
Cette pub permet au site de vivre ...