Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Herausforderung: Gestaltung Einer Filmpräsentations-Webseite | HTML-Tags und Attribute
Ultimatives HTML

book
Herausforderung: Gestaltung Einer Filmpräsentations-Webseite

Ziel

Erstellung einer ansprechenden Webseite, die deine Lieblingsfilme mit HTML-Elementen präsentiert, einschließlich einer ungeordneten Liste (<ul>), einer Überschrift der Stufe 1 (<h1>) und mehreren Absatz-Elementen (<p>).

Aufgabe

Nutze die folgenden Elemente, um deine Lieblingsfilme zu präsentieren:

  1. Verwende ein <h1> -Element für die Hauptüberschrift. Der Text soll My Favorite Movies lauten.

  2. Verwende ein <ul> -Element, um eine ungeordnete Liste mit mindestens 3 Filmtiteln zu erstellen. Jeder Filmtitel soll ein Listeneintrag ( <li> ) sein.

  3. Nach dem <ul> -Element verwende mehrere <p> -Elemente, um eine kurze Beschreibung zu jedem Film zu verfassen. Jede Filmbeschreibung soll in einem eigenen Absatz stehen.

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. Verwenden Sie das h1 -Tag, um die Hauptüberschrift zu erstellen.

  2. Verwenden Sie das ul -Tag, um die ungeordnete Liste zu erstellen.

  3. Verwenden Sie das li -Tag, um ein Element der ungeordneten Liste zu erstellen.

  4. Verwenden Sie das p -Tag, um den Absatz zu erstellen.

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>
War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 7

Fragen Sie AI

expand
ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

some-alt