Html-Grundlagen

Kursinhalt

Html-Grundlagen

Html-Grundlagen

1. Verstehen des Webs und HTML

Kurseinführung Einführung ins Web Kurze Geschichte des Webs Warum Brauchen Wir HTML?Grundstruktur Eines HTML-Dokuments Tags, Elemente und Attribute

2. HTML-Grundlagen

HTML-Dokumentenstruktur Herausforderung: HTML-Dokumentstruktur Textauszeichnung Herausforderung: Text Markup Spezielle Textauszeichnung Herausforderung: Spezielle Textauszeichnung Listen Herausforderung: Listen

3. Bilder und Medien

Bilder Herausforderung: Bilder Audio Herausforderung: Audio Video Herausforderung: Video

4. Tabellen und Formulare

Tabelle Herausforderung: Tabelle Formulare Herausforderung: Formulare Formulareingabe- und Bezeichnungselemente Herausforderung: Formulareingabe- und Bezeichnungselemente Attribute für Eingabeelemente

5. Fortgeschrittenes HTML

Semantisches HTML Semantische Elemente Herausforderung: Semantische Elemente Erstellung Einer Gesamten Website Fazit

Semantische Elemente

Werfen wir einen genaueren Blick auf jedes Tag einzeln:

header-Tag

Dies sind typischerweise einleitende Elemente oder eine Reihe von Links, die oben platziert in einem Abschnitt oder auf einer Webseite stehen, wichtige Informationen bieten und Benutzern helfen, zu anderen Abschnitten zu navigieren.

Bitte beachten Sie, dass dies nicht mit dem head tag verwechselt werden sollte, da head und header unterschiedliche Zwecke in HTML haben.

index.html

nav-Tag

Definiert einen Abschnitt von Navigationslinks, die für Menüs oder Navigationsleisten verwendet werden. nav wird typischerweise im header-Abschnitt einer Website platziert.

index.html

section-Tag

Organisieren Sie Ihr Dokument logisch, indem Sie Überschriften verwenden, um verwandte Inhalte zu gruppieren. Dies hilft den Lesern, Ihre Inhalte besser zu verstehen und verbessert die Sichtbarkeit in Suchmaschinen.

index.html

article tag

Es enthält ein eigenständiges Stück Inhalt wie einen Blogbeitrag, einen Nachrichtenartikel oder einen Forenbeitrag. Dieser Inhalt hilft Suchmaschinen, den zentralen Inhalt der Webseite zu identifizieren und zu priorisieren.

index.html

footer-Tag

Definiert einen Footer, der typischerweise Urheberrechtsinformationen, Kontaktdaten und Links zu verwandten Inhalten enthält. Er bietet einen Abschluss für den darüber liegenden Inhalt und enthält ergänzende Informationen und Navigationsoptionen.

index.html

1. Was ist der Hauptzweck des `<header>`-Tags?

2. Welches HTML-Tag wird typischerweise verwendet, um einen Abschnitt von Navigationslinks, wie Menüs oder Navigationsleisten, zu definieren?

3. Was ist die Hauptfunktion des `<section>`-Tags?

4. Wann sollten wir das `<footer>`-Tag verwenden?

Was ist der Hauptzweck des <header>-Tags?

Wählen Sie die richtige Antwort aus

Bereitstellung wichtiger Informationen über die Seite und Unterstützung der Navigation.

Definieren eines Abschnitts von Navigationslinks.

Bereitstellung ergänzender Informationen und Navigationsoptionen.

Welches HTML-Tag wird typischerweise verwendet, um einen Abschnitt von Navigationslinks, wie Menüs oder Navigationsleisten, zu definieren?

Wählen Sie die richtige Antwort aus

<section>

<footer>

<nav>

Was ist die Hauptfunktion des <section>-Tags?

Wählen Sie die richtige Antwort aus

Enthält eigenständige Inhalte wie Blogbeiträge oder Nachrichtenartikel.

Organisiert Inhalte logisch, indem Überschriften verwendet werden, um verwandte Inhalte zu gruppieren.

Definiert einleitende Elemente oder eine Reihe von Links, die oben in einem Abschnitt oder auf einer Webseite platziert sind.

Wann sollten wir das <footer>-Tag verwenden?

Wählen Sie die richtige Antwort aus

Um den Inhalt darüber abzuschließen und ergänzende Informationen und Navigationsoptionen bereitzustellen.

Um einen Abschnitt von Navigationslinks zu definieren.

Um eigenständige Inhalte wie Blogbeiträge, Nachrichtenartikel oder Forenbeiträge zu enthalten.

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 2

We're sorry to hear that something went wrong. What happened?

some-alt