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 typique ressemble à ceci :

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

Pas d'inquiétude, chaque aspect sera étudié en détail dans les prochains chapitres. Pour l'instant, observez et familiarisez-vous avec l'apparence visuelle du HTML.

Résumé de la structure

  • <!DOCTYPE html> : indique au navigateur quelle version de HTML est utilisée dans le document. Dans ce cas, il s'agit de HTML5, la version la plus récente de HTML ;
  • <html> : élément racine du document HTML. Tous les autres éléments sont contenus dans cet élément ;
  • <head> : contient les métadonnées du 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> : définit le titre du document, affiché dans la barre de titre ou l'onglet du navigateur ;
  • <body> : emplacement du contenu principal de la page web. Texte, images, liens, formulaires et 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.

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 what each part of the HTML structure does?

What are the benefits of using Visual Studio Code for web development?

How do I use the Live Server extension to preview my website?

bookStructure de Base d’un Document HTML

Glissez pour afficher le menu

Un document HTML typique ressemble à ceci :

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

Pas d'inquiétude, chaque aspect sera étudié en détail dans les prochains chapitres. Pour l'instant, observez et familiarisez-vous avec l'apparence visuelle du HTML.

Résumé de la structure

  • <!DOCTYPE html> : indique au navigateur quelle version de HTML est utilisée dans le document. Dans ce cas, il s'agit de HTML5, la version la plus récente de HTML ;
  • <html> : élément racine du document HTML. Tous les autres éléments sont contenus dans cet élément ;
  • <head> : contient les métadonnées du 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> : définit le titre du document, affiché dans la barre de titre ou l'onglet du navigateur ;
  • <body> : emplacement du contenu principal de la page web. Texte, images, liens, formulaires et 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.

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