Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lernen Herausforderung: Listen | HTML-Grundlagen
Html-Grundlagen

book
Herausforderung: Listen

Aufgabe

Erstellen Sie ein HTML-Dokument, das Ihre Lieblingsfilme sowohl mit ungeordneten als auch geordneten Listen darstellt.

html

index.html

copy
<!DOCTYPE html>
<html>
<head>
<title>Favorite Movies</title>
<meta charset="UTF-8" />
</head>
<body>
<!-- Step 1: Create an unordered list -->
<h2>Favorite Action Movies</h2>
<_____>
<_____>[Movie 1]</_____>
<li>[Movie 2]</li>
<_____>[Movie 3]</_____>
</_____>

<!-- Step 2: Create an ordered list -->
<h2>Top 3 Comedy Movies</h2>
<_____>
<_____>[Movie 1]</_____>
<li>[Movie 2]</li>
<li>[Movie 3]</li>
</_____>
</body>
</html>

Hinweis

  • Schritt 1: Verwenden Sie das <ul>-Tag, um eine ungeordnete Liste Ihrer Lieblings-Actionfilme zu erstellen. Fügen Sie für jeden Film <li>-Tags hinzu.
  • Schritt 2: Verwenden Sie das <ol>-Tag, um eine geordnete Liste der besten Komödienfilme zu erstellen. Fügen Sie für jeden Film <li>-Tags hinzu.
html

index.html

copy
<!DOCTYPE html>
<html>
<head>
<title>Favorite Movies</title>
<meta charset="UTF-8" />
</head>
<body>
<!-- Step 1: Create an unordered list -->
<h2>Favorite Action Movies</h2>
<ul>
<li>Mad Max: Fury Road</li>
<li>The Matrix</li>
<li>The Dark Knight</li>
</ul>

<!-- Step 2: Create an ordered list -->
<h2>Top 3 Comedy Movies</h2>
<ol>
<li>Groundhog Day</li>
<li>Superbad</li>
<li>The Grand Budapest Hotel</li>
</ol>
</body>
</html>

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 8
some-alt