Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Utmaning: Designa en Filmskyltwebbsida | HTML-Taggar och Attribut
Ultimate HTML

book
Utmaning: Designa en Filmskyltwebbsida

Mål

Skapa en fängslande webbsida som presenterar dina favoritfilmer med hjälp av HTML-element, inklusive en oordnad lista (<ul>), en <h1> rubrik och flera paragrafelement (<p>).

Uppgift

Använd följande element för att visa dina favoritfilmer:

  1. Använd ett <h1> element för huvudrubriken. Texten ska säga My Favorite Movies.

  2. Använd ett <ul> element för att skapa en oordnad lista med minst 3 filmtitlar. Varje filmtitel ska vara ett listelement (<li>).

  3. Efter <ul> elementet, använd flera <p> element för att skriva en kort beskrivning av varje film. Varje films beskrivning ska placeras i sin paragraf.

html

index.html

copy
<!-- Set the main heading below -->
___

<ul>
<!-- Create at least 3 items and specify the movie title -->
<li>___</li>
<li>___</li>
<li>___</li>
</ul>


<!-- Create short descriptions for the movies -->

<!-- Description for the first movie -->
<p>___</p>

<!-- Description for the second movie -->
<___>___</___>

<!-- Description for the third movie -->
___
  1. Använd h1 taggen för att skapa huvudrubriken.

  2. Använd ul taggen för att skapa den oordnade listan.

  3. Använd li taggen för att skapa objektet i den oordnade listan.

  4. Använd p taggen för att skapa stycket.

html

index.html

copy
<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>
Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 7

Fråga AI

expand
ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

some-alt