Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Structure d’un Document HTML Expliquée | Fondamentaux de Html
Principes Fondamentaux du HTML

bookStructure d’un Document HTML Expliquée

Glissez pour afficher le menu

Un document HTML suit une structure cohérente composée de quelques éléments clés.

Balise <html>

L’élément racine de chaque page. Tout le contenu se place entre la balise d’ouverture <html> et la balise de fermeture </html>.

<html>
  <!-- Other elements go here -->
</html>

Balise <head>

Contient des informations sur la page, non visibles par l’utilisateur. Cela inclut le titre, les métadonnées et les liens vers les feuilles de style ou les scripts.

<head>
  <title>Title of the Document</title>
  <meta charset="UTF-8" />
  <!-- Other meta tags, links, and scripts go here -->
</head>

Éléments courants dans <head> :

  • <title> : texte affiché dans l’onglet du navigateur ;
  • <meta charset="UTF-8"> : définit l’encodage du texte ;
  • <meta name="description"> : courte description de la page ;
  • <meta name="viewport"> : nécessaire pour le design adaptatif.

Balise <body>

Contient tout ce qui est visible sur la page : texte, images, liens, formulaires, etc.

<body>
  <h1>Hello, World!</h1>
  <p>This is a paragraph of text.</p>
  <!-- Other content goes here -->
</body>

Déclaration du type de document

Indique au navigateur d'utiliser la norme HTML5 lors de l'affichage de la page.

<!DOCTYPE html>

Exemple de structure complète

Pour conclure, voici un regroupement de tous les éléments étudiés, combinés dans un seul document HTML.

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the Document</title>
    <meta charset="UTF-8" />
    <!-- Other meta tags, links, and scripts go here -->
  </head>

  <body>
    <h1>Hello, World!</h1>
    <p>This is a paragraph of text.</p>
    <!-- Other content goes here -->
  </body>
</html>

Ci-dessous, vous pouvez voir comment le document HTML apparaît dans le navigateur web.

1. Quelle balise est l’élément racine d’un document HTML ?

2. Que contient la balise <head> ?

3. Que définit la balise <title> ?

4. Quel est le rôle de la balise <body> ?

question mark

Quelle balise est l’élément racine d’un document HTML ?

Select the correct answer

question mark

Que contient la balise <head> ?

Select the correct answer

question mark

Que définit la balise <title> ?

Select the correct answer

question mark

Quel est le rôle de la balise <body> ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 1

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

Section 2. Chapitre 1
some-alt