Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lernen Herausforderung: Arbeiten Mit Bildern | Arbeiten mit Medien und Tabellen
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: Arbeiten Mit Bildern

Ziel

Übung zur Verwendung des absoluten Pfads für Bilder in HTML.

Aufgabe

Stellen Sie sicher, dass das src-Attribut des ersten Bildes den absoluten Pfad verwendet. Sie finden das Bild unter:

Verwenden Sie den absoluten Pfad für das src-Attribut des zweiten Bildes. Das Bild ist hier verfügbar:

Geben Sie für beide Bilder den passenden Wert für das Attribut alt an. Beachten Sie, dass der alt-Wert entscheidend ist, um Kontext bereitzustellen, falls Bilder nicht geladen werden können oder für Nutzer, die auf Screenreader angewiesen sind.

index.html

index.html

copy
  1. Verwenden Sie das img-Tag, um ein Bild anzugeben.
  2. Verwenden Sie das Attribut src, um den Speicherort des Bildes festzulegen.
  3. Verwenden Sie das Attribut alt, um einen beschreibenden Text für das Bild bereitzustellen.
  4. Das Attribut width kann verwendet werden, um die Breite des Bildes zu definieren.
  5. Das Attribut height kann verwendet werden, um die Höhe des Bildes zu definieren.
index.html

index.html

copy
War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 2

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: Arbeiten Mit Bildern

Ziel

Übung zur Verwendung des absoluten Pfads für Bilder in HTML.

Aufgabe

Stellen Sie sicher, dass das src-Attribut des ersten Bildes den absoluten Pfad verwendet. Sie finden das Bild unter:

Verwenden Sie den absoluten Pfad für das src-Attribut des zweiten Bildes. Das Bild ist hier verfügbar:

Geben Sie für beide Bilder den passenden Wert für das Attribut alt an. Beachten Sie, dass der alt-Wert entscheidend ist, um Kontext bereitzustellen, falls Bilder nicht geladen werden können oder für Nutzer, die auf Screenreader angewiesen sind.

index.html

index.html

copy
  1. Verwenden Sie das img-Tag, um ein Bild anzugeben.
  2. Verwenden Sie das Attribut src, um den Speicherort des Bildes festzulegen.
  3. Verwenden Sie das Attribut alt, um einen beschreibenden Text für das Bild bereitzustellen.
  4. Das Attribut width kann verwendet werden, um die Breite des Bildes zu definieren.
  5. Das Attribut height kann verwendet werden, um die Höhe des Bildes zu definieren.
index.html

index.html

copy
War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 2
some-alt