Structure d’un Document HTML Expliquée
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> ?
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Génial!
Completion taux amélioré à 2.86Structure 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> ?
Merci pour vos commentaires !
