Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Défi : Concevoir une page Web de présentation de films | Balises et Attributs HTML
HTML Ultime

Défi : Concevoir une page Web de présentation de films

Glissez pour afficher le menu

Objectif

Créer une page web attrayante présentant vos films préférés en utilisant des éléments HTML, notamment une liste non ordonnée (<ul>), un titre <h1>, et plusieurs éléments de paragraphe (<p>).

Tâche

Utiliser les éléments suivants pour présenter vos films préférés :

  1. Utiliser un élément <h1> pour le titre principal. Le texte doit être My Favorite Movies.
  2. Utiliser un élément <ul> pour créer une liste non ordonnée d'au moins 3 titres de films. Chaque titre de film doit être un élément de liste (<li>).
  3. Après l'élément <ul>, utiliser plusieurs éléments <p> pour écrire une brève description de chaque film. La description de chaque film doit être placée dans son propre paragraphe.
index.html

index.html

Indice
expand arrow
  1. Utiliser la balise <h1> pour créer le titre principal ;
  2. Utiliser la balise <ul> pour créer la liste non ordonnée ;
  3. Utiliser la balise <li> pour créer un élément dans la liste non ordonnée ;
  4. Utiliser la balise <p> pour créer le paragraphe.
Solution
expand arrow
<h1>My Favorite Movies</h1>
<ul>
  <li>The Shawshank Redemption</li>
  <li>Inception</li>
  <li>The Dark Knight</li>
</ul>

<p>
  "The Shawshank Redemption": A powerful tale of hope and friendship as two
  imprisoned men forge an unbreakable bond while seeking redemption.
</p>
<p>
  "Inception": A mind-bending thriller where skilled thieves enter people's
  dreams to steal valuable secrets, blurring the lines between reality and
  imagination.
</p>
<p>
  "The Dark Knight": A gripping superhero film that explores the conflict
  between Batman and the Joker, delving into themes of chaos, morality, and
  heroism in Gotham City.
</p>
Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 8

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Section 2. Chapitre 8
some-alt