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
course content

Kursinhalt

Ultimatives HTML

Ultimatives HTML

1. Verständnis der Webentwicklung
Willkommen bei HTML und WebentwicklungWas ist das Internet?Wie funktioniert das Internet?Verstehen, Wie Websites FunktionierenFrontend- und Backend-Entwicklung Erklärt
2. HTML-Tags und Attribute
Verständnis von HTML-TagsArbeiten mit HTML-AttributenVerständnis von Gepaarten und Einzelnen Tags in HTMLTextauszeichnung und -Formatierung in HTMLHerausforderung: Erstellen Sie Ihren Ersten Webseiten-AbsatzHerausforderung: Erstellen Sie Eine Persönliche Vorstellungs-WebseiteHerausforderung: Gestaltung Einer Filmpräsentations-WebseiteVerwendung von Links und Schaltflächen in HTMLHerausforderung: Links zu Beliebten Websites ErstellenÜberprüfung Ihres HTML-Codes auf Best Practices
3. HTML-Dokumentstruktur
Die Geheimnisse Hinter Gut Strukturierten WebseitenVerständnis der HTML-DokumentstrukturDie Rolle des DokumentkopfsVerwaltung von Dokumentenfluss und LayoutHerausforderung: Eine HTML-Datei Korrekt StrukturierenVerwendung von Entwickler-Tools zur HTML-Inspektion und Fehlerbehebung
4. Arbeiten mit Medien und Tabellen
Bilder in HTML EinfügenHerausforderung: Arbeiten Mit BildernArbeiten mit Klickbaren Bildern, Bildunterschriften und OptimierungVerständnis von Vektor- und RastergrafikenEinbetten von Audio und Video für Multimediale InhalteHerausforderung: Einbetten von Audio und Video in HTMLErstellen und Strukturieren von Tabellen in HTMLHerausforderung: Entwurf Einer Funktionalen HTML-Tabelle
5. HTML-Formulare und Benutzereingaben
Einführung in HTML-FormulareGrundlagen der Formularerstellung in HTMLVerwendung von Labels für bessere FormularzugänglichkeitFormulare mit Eingabeattributen ErweiternUntersuchung Verschiedener Eingabetypen in HTMLHerausforderung: Formular mit Eingabefeldern und Beschriftungen ErstellenArbeiten mit dem Textarea-Element für Mehrzeilige EingabenVerwendung des Select-Elements für Dropdown-MenüsVerwendung des Datalist-Elements für vordefinierte EingabevorschlägeGruppierung von Formularelementen für eine bessere Struktur

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.
index.html

index.html

copy
  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.
index.html

index.html

copy
War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 7

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

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

course content

Kursinhalt

Ultimatives HTML

Ultimatives HTML

1. Verständnis der Webentwicklung
Willkommen bei HTML und WebentwicklungWas ist das Internet?Wie funktioniert das Internet?Verstehen, Wie Websites FunktionierenFrontend- und Backend-Entwicklung Erklärt
2. HTML-Tags und Attribute
Verständnis von HTML-TagsArbeiten mit HTML-AttributenVerständnis von Gepaarten und Einzelnen Tags in HTMLTextauszeichnung und -Formatierung in HTMLHerausforderung: Erstellen Sie Ihren Ersten Webseiten-AbsatzHerausforderung: Erstellen Sie Eine Persönliche Vorstellungs-WebseiteHerausforderung: Gestaltung Einer Filmpräsentations-WebseiteVerwendung von Links und Schaltflächen in HTMLHerausforderung: Links zu Beliebten Websites ErstellenÜberprüfung Ihres HTML-Codes auf Best Practices
3. HTML-Dokumentstruktur
Die Geheimnisse Hinter Gut Strukturierten WebseitenVerständnis der HTML-DokumentstrukturDie Rolle des DokumentkopfsVerwaltung von Dokumentenfluss und LayoutHerausforderung: Eine HTML-Datei Korrekt StrukturierenVerwendung von Entwickler-Tools zur HTML-Inspektion und Fehlerbehebung
4. Arbeiten mit Medien und Tabellen
Bilder in HTML EinfügenHerausforderung: Arbeiten Mit BildernArbeiten mit Klickbaren Bildern, Bildunterschriften und OptimierungVerständnis von Vektor- und RastergrafikenEinbetten von Audio und Video für Multimediale InhalteHerausforderung: Einbetten von Audio und Video in HTMLErstellen und Strukturieren von Tabellen in HTMLHerausforderung: Entwurf Einer Funktionalen HTML-Tabelle
5. HTML-Formulare und Benutzereingaben
Einführung in HTML-FormulareGrundlagen der Formularerstellung in HTMLVerwendung von Labels für bessere FormularzugänglichkeitFormulare mit Eingabeattributen ErweiternUntersuchung Verschiedener Eingabetypen in HTMLHerausforderung: Formular mit Eingabefeldern und Beschriftungen ErstellenArbeiten mit dem Textarea-Element für Mehrzeilige EingabenVerwendung des Select-Elements für Dropdown-MenüsVerwendung des Datalist-Elements für vordefinierte EingabevorschlägeGruppierung von Formularelementen für eine bessere Struktur

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.
index.html

index.html

copy
  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.
index.html

index.html

copy
War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 7
some-alt