Énoncé de l'exercice
1. Créez un fichier que vous appellez fiche.html.
2. Commencez avec le doctype <!DOCTYPE html> et la structure complète (<html>, <head>, <body>).
3. Dans la balise <head> :
- Ajoutez l’encodage UTF-8
- Donnez un titre à votre page, par exemple : "Fiche personnage"
4. Dans la balise <body> :
- Écrivez un titre principal (<h1>) contenant le nom du personnage
- Ajoutez un sous-titre (<h2>) avec son métier, rôle ou fonction
- Rédigez un paragraphe (<p>) de 2 à 3 phrases pour le présenter (âge, lieu, ce qu’il aime faire…)
Lorsque vous ouvrez le fichier dans le navigateur, vous devez voir le nom en gros titre, son rôle juste en dessous, puis le petit texte de présentation.
Solution proposée
<!DOCTYPE html>
<!-- On commence toujours par cette ligne : elle indique au navigateur que c’est un document HTML5 -->
<html lang="fr">
<head>
<!-- Début de l’en-tête (head) : ici on met les infos techniques, invisibles pour l’utilisateur -->
<!-- Encodage UTF-8 : très important pour que les caractères spéciaux (comme les accents) s’affichent correctement -->
<meta charset="UTF-8">
<!-- Titre de la page : c’est ce que vous verrez dans l’onglet du navigateur -->
<title>Fiche personnage</title>
</head>
<body>
<!-- Début du corps de la page : tout ce qui est ici sera visible à l’écran -->
<!-- Titre principal de la page avec le nom du personnage -->
<h1>Claire Dupont</h1>
<!-- Sous-titre avec le métier ou le rôle -->
<h2>Développeuse web</h2>
<!-- Paragraphe avec quelques informations sur elle -->
<p>
Claire a 28 ans et vit à Lyon.
Elle adore créer des sites web modernes et accessibles.
Pendant son temps libre, elle aime lire des romans de science-fiction.
</p>
</body>
</html>