Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lernen Verständnis der HTML-Dokumentstruktur | HTML-Dokumentstruktur
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
Verständnis der HTML-Dokumentstruktur

Ein HTML-Dokument ähnelt einem Tag-Baum. Die folgende Gruppe von Tags stellt das absolute Minimum dar, das für jedes HTML-Dokument erforderlich ist, und bildet dessen Grundlage – vergleichbar mit dem Fundament eines Hauses.

html

index.html

copy

Dokumenttyp-Deklaration

<!DOCTYPE > gilt nicht als Tag, sondern als verpflichtende Deklaration, die den Dokumenttyp und die Version angibt. Diese Deklaration ist notwendig, damit der Browser das HTML-Dokument korrekt interpretieren und darstellen kann. Anhand des Doctypes kann der Browser die Seite korrekt anzeigen. Die Dokumenttyp-Deklaration muss das Erste sein, was der Browser beim Verarbeiten eines HTML-Dokuments vorfindet.

html

index.html

copy

Elemente der obersten Ebene

Elemente der obersten Ebene dienen dazu, die grundlegende Struktur einer Webseite festzulegen und die Kopf- sowie den Körperbereich des Dokuments zu kennzeichnen.

html

Das Wurzelelement eines HTML-Dokuments ist das <html>-Tag, das als Container für den gesamten Seiteninhalt dient. Es ist das erste Tag, das in einem HTML-Dokument erscheint, und definiert den Anfang und das Ende des HTML-Codes des Dokuments. Alles außerhalb des <html>-Tags wird vom Browser nicht als HTML-Code erkannt und nicht verarbeitet. Das Attribut lang wird verwendet, um die Sprache des Textinhalts anzugeben.

html

index.html

copy

head

Das <head>-Tag eines HTML-Dokuments enthält Metadaten für die Webseite, wie beispielsweise die Überschrift der Seite, Beschreibung, Zeichencodierung usw. Diese Informationen sind nicht sichtbar im Browserfenster. Sie geben dem Browser jedoch Anweisungen zur Verarbeitung und Darstellung der Seite.

html

index.html

copy

body

Das <body>-Tag enthält alle sichtbaren Inhalte einer Webseite, wie Text, Bilder, Links und Multimedia. Es ist der Hauptbereich, in dem Website-Autoren die Inhalte hinzufügen, die Benutzer im Browserfenster sehen.

html

index.html

copy

1. Welches ist das minimal erforderliche Tag-Set, das als Grundlage für jedes HTML-Dokument dient?

2. Welche Aussagen sind korrekt?

question mark

Welches ist das minimal erforderliche Tag-Set, das als Grundlage für jedes HTML-Dokument dient?

Select the correct answer

question mark

Welche Aussagen sind korrekt?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 2

Fragen Sie AI

expand
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
Verständnis der HTML-Dokumentstruktur

Ein HTML-Dokument ähnelt einem Tag-Baum. Die folgende Gruppe von Tags stellt das absolute Minimum dar, das für jedes HTML-Dokument erforderlich ist, und bildet dessen Grundlage – vergleichbar mit dem Fundament eines Hauses.

html

index.html

copy

Dokumenttyp-Deklaration

<!DOCTYPE > gilt nicht als Tag, sondern als verpflichtende Deklaration, die den Dokumenttyp und die Version angibt. Diese Deklaration ist notwendig, damit der Browser das HTML-Dokument korrekt interpretieren und darstellen kann. Anhand des Doctypes kann der Browser die Seite korrekt anzeigen. Die Dokumenttyp-Deklaration muss das Erste sein, was der Browser beim Verarbeiten eines HTML-Dokuments vorfindet.

html

index.html

copy

Elemente der obersten Ebene

Elemente der obersten Ebene dienen dazu, die grundlegende Struktur einer Webseite festzulegen und die Kopf- sowie den Körperbereich des Dokuments zu kennzeichnen.

html

Das Wurzelelement eines HTML-Dokuments ist das <html>-Tag, das als Container für den gesamten Seiteninhalt dient. Es ist das erste Tag, das in einem HTML-Dokument erscheint, und definiert den Anfang und das Ende des HTML-Codes des Dokuments. Alles außerhalb des <html>-Tags wird vom Browser nicht als HTML-Code erkannt und nicht verarbeitet. Das Attribut lang wird verwendet, um die Sprache des Textinhalts anzugeben.

html

index.html

copy

head

Das <head>-Tag eines HTML-Dokuments enthält Metadaten für die Webseite, wie beispielsweise die Überschrift der Seite, Beschreibung, Zeichencodierung usw. Diese Informationen sind nicht sichtbar im Browserfenster. Sie geben dem Browser jedoch Anweisungen zur Verarbeitung und Darstellung der Seite.

html

index.html

copy

body

Das <body>-Tag enthält alle sichtbaren Inhalte einer Webseite, wie Text, Bilder, Links und Multimedia. Es ist der Hauptbereich, in dem Website-Autoren die Inhalte hinzufügen, die Benutzer im Browserfenster sehen.

html

index.html

copy

1. Welches ist das minimal erforderliche Tag-Set, das als Grundlage für jedes HTML-Dokument dient?

2. Welche Aussagen sind korrekt?

question mark

Welches ist das minimal erforderliche Tag-Set, das als Grundlage für jedes HTML-Dokument dient?

Select the correct answer

question mark

Welche Aussagen sind korrekt?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 2
Wir sind enttäuscht, dass etwas schief gelaufen ist. Was ist passiert?
some-alt