Défi : Structure du Document

Objectif

Construisez la page web correcte en créant une structure de document HTML de base. Cette structure est l'épine dorsale de chaque page HTML et se compose d'éléments essentiels dont les navigateurs ont besoin pour rendre votre contenu correctement.

Remarque

Ne vous laissez pas tromper par la simplicité apparente du design de la page web. Bien qu'il puisse sembler simple, il reste primordial de maintenir la structure correcte du document. Cela garantit que le site web conserve sa lisibilité et sa fonctionnalité sur tous les navigateurs.

Tâche

Créez une structure de document HTML de base. Si vous êtes déjà confiant dans vos capacités, n'hésitez pas à procéder sans le guide étape par étape. Cependant, si vous souhaitez un peu plus d'aide, un guide pas à pas est disponible pour vous accompagner.

Guide étape par étape

Étape 1 : Commencer le document HTML

Commencez par taper la déclaration de type de document HTML, qui indique au navigateur que le document est écrit en HTML. La déclaration doit être la première ligne de votre document HTML :

index.html

Étape 2 : Ajouter les balises d'ouverture et de fermeture html

Après la déclaration du doctype, ajoutez les balises d'ouverture et de fermeture HTML. Toute la structure du document HTML sera contenue dans ces balises. De plus, incluez l'attribut lang pour spécifier la langue du document :

index.html

Étape 3 : Créer la section head

Ajoutez les balises <head> ouvrantes et fermantes à l'intérieur des balises HTML. La section head contient des méta-informations sur le document HTML, telles que le titre et les liens vers des feuilles de style externes :

index.html

Étape 4 : Ajouter le titre

Dans les balises <head>, ajoutez les balises <title> ouvrantes et fermantes. Le texte que vous entrez entre ces balises sera affiché comme le titre de la page web dans la barre de titre ou l'onglet du navigateur :

index.html

Étape 5 : Créer la section body

Après la section <head>, ajoutez les balises d'ouverture et de fermeture <body>. La section body contient le contenu visible de la page web :

index.html

Étape 6 : Ajouter du contenu au corps

Vous pouvez ajouter des éléments dans les balises <body>, tels que des titres, des paragraphes, des images, des liens, etc. Voici un exemple d'ajout d'un titre et d'un paragraphe :

index.html

Essayez par vous-même

index.html

Tout était clair ?

Merci pour vos commentaires !

Section 3. Chapitre 5