## Ziel
Erstellung einer ansprechenden Webseite mit den Lieblingsfilmen unter Verwendung von HTML-Elementen, einschließlich einer ungeordneten Liste (`<ul>`), einer Überschrift der Ebene 1 (`<h1>`) und mehreren Absatz-Elementen (`<p>`).

## Aufgabe
Verwendung der folgenden Elemente zur Präsentation der Lieblingsfilme:
1. Verwendung eines `<h1>`-Elements für die Hauptüberschrift. Der Text soll `My Favorite Movies` lauten.
2. Verwendung eines `<ul>`-Elements zur Erstellung einer ungeordneten Liste mit mindestens 3 Filmtiteln. Jeder Filmtitel soll ein Listenelement (`<li>`) sein.
3. Nach dem `<ul>`-Element mehrere `<p>`-Elemente verwenden, um eine kurze Beschreibung zu jedem Film zu verfassen. Jede Filmbeschreibung soll in einem eigenen Absatz stehen.

PCEtLSBTZXQgdGhlIG1haW4gaGVhZGluZyBiZWxvdyAtLT4KX19fCgo8dWw+CiAgPCEtLSBDcmVhdGUgYXQgbGVhc3QgMyBpdGVtcyBhbmQgc3BlY2lmeSB0aGUgbW92aWUgdGl0bGUgLS0+CiAgPGxpPl9fXzwvbGk+CiAgPGxpPl9fXzwvbGk+CiAgPGxpPl9fXzwvbGk+CjwvdWw+CgoKPCEtLSBDcmVhdGUgc2hvcnQgZGVzY3JpcHRpb25zIGZvciB0aGUgbW92aWVzIC0tPgoKPCEtLSBEZXNjcmlwdGlvbiBmb3IgdGhlIGZpcnN0IG1vdmllIC0tPgo8cD5fX188L3A+Cgo8IS0tIERlc2NyaXB0aW9uIGZvciB0aGUgc2Vjb25kIG1vdmllIC0tPgo8X19fPl9fXzwvX19fPgoKPCEtLSBEZXNjcmlwdGlvbiBmb3IgdGhlIHRoaXJkIG1vdmllIC0tPgpfX18=

1. Das `<h1>`-Tag zur Erstellung der Hauptüberschrift verwenden;
2. Das `<ul>`-Tag zur Erstellung einer ungeordneten Liste verwenden;
3. Das `<li>`-Tag zur Erstellung eines Elements in der ungeordneten Liste verwenden;
4. Das `<p>`-Tag zur Erstellung des Absatzes verwenden.


Hinweis

```html
<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>
```

Lösung

Erlernen Sie die Grundlagen von HTML (HyperText Markup Language), dem Fundament der Webentwicklung. Dieser einsteigerfreundliche Kurs behandelt Tags, Attribute, Elemente und die Strukturierung von Webseiten. Erwerben Sie praktische Fähigkeiten im Erstellen von Überschriften, Absätzen, Listen, Bildern, Links, Formularen und Tabellen. Entdecken Sie Best Practices, Optimierung und Webzugänglichkeit. Beginnen Sie Ihre Webentwicklungsreise mit HTML.

Erkunden Sie die Funktionsweise des Webs. Erfahren Sie, wie Daten über Netzwerke übertragen werden, entdecken Sie die Rolle von Protokollen und entschlüsseln Sie die Geheimnisse von IP-Adressen und Domainnamen. Gewinnen Sie ein grundlegendes Verständnis darüber, wie Webbrowser und Server miteinander kommunizieren, um Webinhalte bereitzustellen.

Erkunden Sie die Möglichkeiten von Tags zur Strukturierung von Inhalten, von Überschriften und Absätzen bis hin zu Listen und Tabellen. Erfahren Sie, wie Sie Elemente mit Attributen erweitern können.

Der Kern der HTML-Dokumentstruktur. Lernen Sie die Bestandteile eines HTML-Dokuments kennen, einschließlich der Doctype-Deklaration, des Head- und Body-Bereichs. Verstehen Sie den Zweck jedes Elements und wie sie zur Gesamtstruktur einer Webseite beitragen.

Gestaltung einer ansprechenderen Webseite durch den Einsatz von Medien wie Bildern, Audio und Video. Umgang mit strukturierten tabellarischen Daten in Form von Tabellen.

Erkunden Sie die Vielseitigkeit von HTML-Formularen. Lernen Sie, intuitive und benutzerfreundliche Formulare durch Anwendung zentraler Konzepte und Techniken zu gestalten. Entdecken Sie, wie Formulare die Benutzerinteraktion und Datenübermittlung auf Websites ermöglichen.

Challenge: Design a Movie Showcase Web Page

Ziel

Aufgabe