Zusammenfassung
In der ersten Lektion haben wir gelernt:
- HTML (HyperText Markup Language) ist die Sprache, die den Inhalt und die Struktur von Webseiten beschreibt. Zusammen mit CSS und JavaScript ist es die Grundlage jeder Website.
- Ein HTML-Element besteht aus einem öffnenden Tag, einem Inhalt und einem schließenden Tag, zum Beispiel
<h1>Hallo Welt!</h1>. Das Elementh1ist die Hauptüberschrift einer Seite (Überschrift der Ebene 1). - Die Dokumenttyp-Deklaration
<!DOCTYPE html>steht in der ersten Zeile. Groß- und Kleinschreibung spielen dabei keine Rolle. - Jede Seite hat dasselbe Gerüst: Das Element
htmlumschließt die ganze Seite, darin steht zuerstheadund darunterbody. - Das Element
headenthält Informationen über die Seite, die auf ihr nicht angezeigt werden, etwa den Titel im Browser-Tab oder das Favicon. - Das Element
<meta charset="utf-8">(meta wie Metadaten) sagt dem Browser, wie er Buchstaben wie ä, ö, ü oder ß lesen soll. Es steht imheadganz vorn und hat kein schließendes Tag. - Das Element
titlelegt den Titel der Seite fest, der im Browser-Tab und in den Suchergebnissen erscheint. - Das Element
bodyenthält alles, was auf der Seite sichtbar ist, etwa Überschriften (h1) und Absätze (p). - Ein Element in einem anderen Element ist darin verschachtelt. Das äußere Element ist sein Elternelement, das verschachtelte Element sein Kindelement, und Elemente mit demselben Elternelement sind Geschwister.
- Jedes Kind ist eine Ebene tiefer eingerückt als sein Elternelement. Ein Tabulator, zwei Leerzeichen oder vier Leerzeichen sind alle in Ordnung, solange die Einrückung einheitlich ist.
Das sind die absoluten Grundlagen von HTML. In der nächsten Lektion fügen wir unserer Seite Inhalt hinzu: Überschriften, Absätze und Listen sowie formatierten Text und Kommentare. Es wird spannend!
So schreibst du es:
<<
>Shift + <
/Shift + 7
"Shift + 2
Anweisungen
- 1
Glückwunsch, du hast die erste HTML-Lektion abgeschlossen!