Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Structure de Base d'un Document HTML | Comprendre le Web et HTML
Principes Fondamentaux du HTML

bookStructure de Base d'un Document HTML

Un document HTML suit une structure de base composée de plusieurs éléments. Voici une structure typique d’un document HTML :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Title of the Document</title>
  </head>
  <body>
    <!-- Content goes here -->
  </body>
</html>

Résumé de la structure

  • <!DOCTYPE html> : Cette ligne indique au navigateur quelle version de HTML est utilisée dans le document. Dans ce cas, il s’agit de HTML5, la dernière version de HTML ;
  • <html> : Il s’agit de l’élément racine du document HTML. Tous les autres éléments sont contenus dans cet élément ;
  • <head> : Cette section contient des méta-informations sur le document, telles que l’encodage des caractères (<meta charset="UTF-8">) qui garantit l’affichage correct des caractères spéciaux, et le titre du document (<title>) qui apparaît dans la barre de titre ou l’onglet du navigateur ;
  • <title> : Cet élément définit le titre du document, qui s’affiche dans la barre de titre ou l’onglet du navigateur ;
  • <body> : C’est ici que se trouve le contenu principal de la page web. Le texte, les images, les liens, les formulaires et d’autres éléments sont placés à l’intérieur de l’élément <body>. C’est ce que les utilisateurs verront et avec quoi ils interagiront lorsqu’ils visiteront votre page web.

Tutoriel vidéo

Lien vers l’éditeur de code - Visual Studio Code

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 5

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Suggested prompts:

Can you explain more about what each HTML tag does?

What is the purpose of the meta charset tag?

Can you show examples of what goes inside the body tag?

Awesome!

Completion rate improved to 3.13

bookStructure de Base d'un Document HTML

Glissez pour afficher le menu

Un document HTML suit une structure de base composée de plusieurs éléments. Voici une structure typique d’un document HTML :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Title of the Document</title>
  </head>
  <body>
    <!-- Content goes here -->
  </body>
</html>

Résumé de la structure

  • <!DOCTYPE html> : Cette ligne indique au navigateur quelle version de HTML est utilisée dans le document. Dans ce cas, il s’agit de HTML5, la dernière version de HTML ;
  • <html> : Il s’agit de l’élément racine du document HTML. Tous les autres éléments sont contenus dans cet élément ;
  • <head> : Cette section contient des méta-informations sur le document, telles que l’encodage des caractères (<meta charset="UTF-8">) qui garantit l’affichage correct des caractères spéciaux, et le titre du document (<title>) qui apparaît dans la barre de titre ou l’onglet du navigateur ;
  • <title> : Cet élément définit le titre du document, qui s’affiche dans la barre de titre ou l’onglet du navigateur ;
  • <body> : C’est ici que se trouve le contenu principal de la page web. Le texte, les images, les liens, les formulaires et d’autres éléments sont placés à l’intérieur de l’élément <body>. C’est ce que les utilisateurs verront et avec quoi ils interagiront lorsqu’ils visiteront votre page web.

Tutoriel vidéo

Lien vers l’éditeur de code - Visual Studio Code

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 5
some-alt