Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn Challenge: Design a Movie Showcase Web Page | HTML Tags and Attributes
Ultimate HTML

Challenge: Design a Movie Showcase Web Page

Swipe to show menu

Goal

Create a captivating web page featuring your favorite movies using HTML elements, including an unordered list (<ul>), an <h1> heading, and multiple paragraph elements (<p>).

Task

Use the following elements to showcase your favorite movies:

  1. Use an <h1> element for the main heading. The text should say My Favorite Movies.
  2. Use a <ul> element to create an unordered list of at least 3 movie titles. Each movie title should be a list item (<li>).
  3. After the <ul> element, use multiple <p> elements to write a brief description of each movie. Each movie's description should be placed in its paragraph.
index.html

index.html

Hint
expand arrow
  1. Use the <h1> tag to create the main heading;
  2. Use the <ul> tag to create the unordered list;
  3. Use the <li> tag to create an item in the unordered list;
  4. Use the <p> tag to create the paragraph.
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>
Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 2. Chapter 8

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Section 2. Chapter 8
some-alt