Énoncé de l'exercice
Voici ce que vous devez faire :
1. Créez un fichier appelé monfilm.html.
2. Mettez la structure HTML complète habituelle (<!DOCTYPE html>, <html>, <head>, <body>, etc.).
3. Dans la partie <body>, écrivez une courte présentation de votre film préféré, en respectant les consignes suivantes :
- Le titre du film doit être dans une balise <h1>.
- Le nom du réalisateur ou de l’acteur principal doit être en gras avec <strong>.
- Ajoutez une citation du film avec la balise <q>.
- Si vous mentionnez une année de sortie, utilisez la balise <small>.
- Choisissez un mot ou une phrase à mettre en italique avec <em>, par exemple pour montrer une émotion ou une opinion personnelle.
- Vous pouvez aussi ajouter un sous-titre avec <h2>, par exemple « Pourquoi j’aime ce film », suivi d’un paragraphe avec <p>.
Quand c’est prêt, ouvrez le fichier dans votre navigateur pour vérifier que tout s’affiche comme prévu.
Solution proposée
<!DOCTYPE html>
<!-- On commence toujours par cette ligne, c’est la base : elle dit au navigateur “je fais du HTML version 5” -->
<html lang="fr">
<head>
<!-- Là on ouvre la partie technique de la page, tout ce qui est utile au navigateur mais pas visible pour les visiteurs -->
<meta charset="UTF-8">
<!-- Ça, c’est super important pour que les accents s’affichent correctement, surtout en français -->
<title>Mon film préféré</title>
<!-- Ce titre, vous ne le voyez pas dans la page, mais il s’affiche en haut, dans l’onglet du navigateur -->
</head>
<body>
<!-- Ici commence la partie visible de la page : c’est ce que vos visiteurs vont lire à l’écran -->
<h1>Le Seigneur des Anneaux</h1>
<!-- Ça c’est le gros titre, comme un titre de page. Il doit être unique et bien visible -->
<p>
Ce film a été réalisé par <strong>Peter Jackson</strong>, un grand fan de fantasy.
<!-- La balise <strong> met du gras pour attirer l’attention sur un mot important -->
L’histoire est basée sur les livres de Tolkien, que je trouve <em>vraiment magiques</em>.
<!-- <em> c’est pour mettre un mot en italique, souvent pour montrer une émotion ou insister un peu -->
Le film est sorti en <small>2001</small> et c’est devenu un classique pour moi.
<!-- <small> sert à indiquer une info un peu secondaire, comme une date par exemple -->
</p>
<p>
Une phrase que j’adore dans ce film : <q>Tout ce que nous avons à décider, c’est que faire du temps qui nous est imparti.</q>
<!-- <q> met automatiquement les guillemets autour d’une citation. Pratique pour une réplique de film par exemple -->
</p>
<h2>Pourquoi j’aime ce film</h2>
<!-- Un sous-titre, pour créer une nouvelle section dans la page, un peu comme un chapitre -->
<p>
Je trouve ce film très puissant, autant sur le plan visuel que sur l’émotion.
Les paysages, la musique, les personnages… tout est incroyable.
À chaque fois que je le regarde, j’ai l’impression de voyager dans un autre monde.
</p>
<!-- Ici on termine avec un paragraphe plus personnel. On raconte son ressenti, c’est ça qui rend la page vivante -->
</body>
</html>