HTML Einführung
HTML ist die Grundlage jeder Webseite. Bevor CSS oder JavaScript greifen, braucht der Browser eine klare Struktur, die sagt, was jeder Inhaltsteil ist.
Was ist HTML?
HTML (HyperText Markup Language) ist die Standardsprache, um Inhalte von Webseiten zu strukturieren. Mit Tags kennzeichnen Sie Text und Medien, damit der Browser Überschriften, Absätze, Links, Bilder und andere Elemente erkennt.
Warum HTML wichtig ist
Ohne HTML versteht der Browser Bedeutung und Reihenfolge von Inhalten nicht richtig. HTML ist keine Programmiersprache, sondern eine Auszeichnungssprache.
Erster Blick auf Tags
HTML nutzt Tags in spitzen Klammern. Die meisten Elemente haben ein öffnendes und ein schließendes Tag.
Hallo HTML
html<!DOCTYPE html>
<html>
<head>
<title>My First Page</title>
</head>
<body>
<h1>Hello HTML</h1>
<p>This is my first paragraph.</p>
</body>
</html>Was dieses Beispiel zeigt
<!DOCTYPE html>kennzeichnet ein modernes HTML-Dokument<html>ist das Wurzelelement<head>enthält Seiteninformationen wie den Titel<body>enthält sichtbaren Inhalt<h1>ist eine Hauptüberschrift<p>ist ein Absatz
Wie der Browser HTML nutzt
Der Browser liest das Markup von oben nach unten, baut das DOM und zeigt den Inhalt gemäß der Tags an.
HyperText und Links
„HyperText“ bedeutet Text, der über Links mit anderen Dokumenten verbunden werden kann. So werden einzelne Dateien zu einer Website.
Einfacher Link
html<a href="https://example.com">Visit Example</a>Das Element <a> erzeugt einen Hyperlink. Das Attribut href speichert die Zieladresse.
Selbst ausprobieren
Erstellen Sie index.html, fügen Sie das vollständige Beispiel ein, speichern Sie und öffnen Sie die Datei im Browser. Ändern Sie die Überschrift und aktualisieren Sie die Seite.
Häufige Fehler
- HTML wie eine Programmiersprache behandeln
- Schließende Tags vergessen
- Sichtbaren Inhalt in
<head>statt<body>setzen <!DOCTYPE html>weglassen
Zusammenfassung
- HTML strukturiert Inhalte mit Tags
- Markup-Sprache, keine Programmiersprache
- Grundseite: doctype, html, head, body
- Überschriften und Absätze sind frühe Elemente
- Links verbinden Seiten
- Üben Sie mit einer kleinen HTML-Datei im Browser
🧠 Testen Sie Ihr Wissen
Testen Sie Ihr Wissen
Fordern Sie sich mit diesem interaktiven Quiz heraus und sehen Sie, wie gut Sie das Thema verstehen
📝 Anweisungen
- Lesen Sie jede Frage sorgfältig
- Wählen Sie die beste Antwort für jede Frage
- Sie können das Quiz so oft wiederholen, wie Sie möchten
- Ihr Fortschritt wird oben angezeigt