Exercice

Étape 1 — Page d'accueil#

Pour faire cet exercice, vous pouvez repartir sur la base de l'exercice précédent.

Ouvrez le fichier index.html;
Après l'ouverture de l'élément, <body> créez la structure de base de votre page: un en-tête, une section et un pied de page.
Déplacer le titre et le paragraphe déjà présent dans la page dans l'élément HTML adéquat.
Changez le titre en "Exercice 4".
Dans votre en-tête, créez un menu, avec deux liens: "Accueil" qui pointera sur le fichier index.html et "À propos" qui pointera sur le fichier a-propos.html.
Dans le contenu de votre page, après le paragraphe de texte, insérez une image.

Vous devriez obtenir le résultat ci-dessous:

Ceci est un paragraphe

Dupliquez votre page de référence page-de-base.html et nommez-là a-propos.html.
Créez la structure de base de votre page: un en-tête, une section et un pied de page.
Copiez le menu depuis la page index.html et collez-le au bon endroit dans la page a-propos.html.
Dans la section principale, créer un titre "À propos" et un paragraphe content "Ceci est le quatrième exercice."

Vous pouvez aussi dupliquer la page index.html afin d'avoir déjà la bonne structure et modifier uniquement le titre et le paragraphe de texte.

Vous devriez obtenir le résultat ci-dessous:

Ceci est le quatrième exercice.

Vous remarquerez qu'en cliquant sur les liens du menu, vous pouvez passer d'une page à l'autre.