Summary  
This chapter introduces semantic HTML elements for structuring textual content, covering the use of paragraph (`<p>`) and heading (`<h1>`–`<h6>`) tags.

General domain of usage  
Web page content structuring

# Absatz
Das `<p>`-Tag wird verwendet, um einen Textabschnitt zu definieren. Standardmäßig beginnt jeder Absatz in einer neuen Zeile. Das `<p>`-Tag wird häufig zur Anzeige von Textinhalten wie Artikeln, Blogs und anderen Formen von Textinformationen auf einer Webseite verwendet.

Das `<p>`-Tag ist auch für die Suchmaschinenoptimierung wichtig, da Suchmaschinen es nutzen, um die Struktur einer Webseite zu verstehen und den Hauptinhalt zu identifizieren. Die Verwendung des `<p>`-Tags für alle Textinhalte auf der Webseite wird empfohlen. Ausnahmen sind Überschriften, Listenelemente oder andere spezialisierte Inhaltsarten.

PHA+CiAgVGhlIGFuY2llbnQgY2FzdGxlIHN0b29kIHRhbGwgb24gdGhlIHJ1Z2dlZCBjbGlmZiwgb3Zlcmxvb2tpbmcgdGhlIHZhc3QKICBleHBhbnNlIG9mIHRoZSByb2FyaW5nIG9jZWFuLiBUaW1lIHNlZW1lZCB0byBoYXZlIGZyb3plbiBpbiBpdHMgbW9zcy1jb3ZlcmVkCiAgd2FsbHMsIHdoaXNwZXJpbmcgdGFsZXMgb2YgYnlnb25lIGVyYXMuIFZpc2l0b3JzIG1hcnZlbGVkIGF0IHRoZSBpbnRyaWNhdGUKICBhcmNoaXRlY3R1cmUsIGltbWVyc2luZyB0aGVtc2VsdmVzIGluIHRoZSByaWNoIGhpc3RvcnkgdGhhdCBwZXJtZWF0ZWQgZXZlcnkKICBjb3JuZXIgb2YgdGhlIG1hamVzdGljIGZvcnRyZXNzLgo8L3A+CjxwPgogIFRoZSBnZW50bGUgYnJlZXplIHJ1c3RsZWQgdGhyb3VnaCB0aGUgdGFsbCwgc3dheWluZyB0cmVlcyBhcyB0aGUgc3VuIGRpcHBlZAogIGJlbG93IHRoZSBob3Jpem9uLCBwYWludGluZyB0aGUgc2t5IGluIGEgYnJlYXRodGFraW5nIGRpc3BsYXkgb2YgdmlicmFudAogIGNvbG9ycy4gTmF0dXJlJ3MgYmVhdXR5IGVudmVsb3BlZCB0aGUgdHJhbnF1aWwgbWVhZG93LCBjcmVhdGluZyBhIHNlcmVuZQogIGF0bW9zcGhlcmUuCjwvcD4=

In einer integrierten Entwicklungsumgebung (IDE), einer Softwareanwendung, die Programmierer bei der effizienten Entwicklung von Softwarecode unterstützt, kann die `lorem`-Funktionalität verwendet werden, um Text zu generieren, der für Design- und Layoutzwecke als Platzhalter dient. Zum Beispiel kann man `lorem20` im HTML-Dokument eingeben und die `Enter`-Taste drücken. Dadurch wird ein Text mit 20 Wörtern erzeugt. Anstelle von `20` kann jede beliebige Zahl verwendet werden.

Hinweis

# Überschriften
Überschriften `<h1>` ... `<h6>` werden verwendet, um die Hierarchie und Struktur einer Webseite zu definieren. Überschriften bieten Kontext für den Seiteninhalt, unterstützen die Navigation und werden auch von Suchmaschinen genutzt, um den Inhalt der Seite zu verstehen. Die Tags `<h1>` bis `<h6>` erzeugen Überschriften in unterschiedlichen Größen und Wichtigkeitsstufen, wobei `<h1>` die wichtigste und `<h6>` die am wenigsten wichtige ist. Es ist empfehlenswert, Überschriften in logischer Reihenfolge zu verwenden und keine Ebenen zu überspringen (z. B. von `<h1>` direkt zu `<h3>` ohne `<h2>` zu nutzen).

PCEtLSBNYWluIGhlYWRpbmcgb2YgdGhlIHdlYnBhZ2UgLS0+CjxoMT5XZWxjb21lIHRvIE15IEJsb2c8L2gxPgoKPCEtLSBTZWN0aW9uIGhlYWRpbmcgLS0+CjxoMj5JbnRyb2R1Y3Rpb248L2gyPgo8cD5XZWxjb21lIHRvIG15IGJsb2cgd2hlcmUgSSBzaGFyZSBteSBleHBlcmllbmNlcy48L3A+Cgo8IS0tIFNlY3Rpb24gaGVhZGluZyAtLT4KPGgyPkV4cGxvcmluZyBOYXR1cmU8L2gyPgo8IS0tIFNlY3Rpb24gc3ViaGVhZGluZyAtLT4KPGgzPkhpa2luZzwvaDM+CjxwPkJyZWF0aHRha2luZyB2aWV3cyBpbiB0aGUgbW91bnRhaW5zIG1hZGUgaXQgdW5mb3JnZXR0YWJsZS48L3A+CjwhLS0gU2VjdGlvbiBzdWJoZWFkaW5nIC0tPgo8aDM+UmVsYXhpbmcgYnkgdGhlIExha2U8L2gzPgo8cD5UaGUgdHJhbnF1aWwgbGFrZSBwcm92aWRlZCBwZWFjZSBhZnRlciBhIGxvbmcgZGF5LjwvcD4KCjwhLS0gU2VjdGlvbiBoZWFkaW5nIC0tPgo8aDI+Rm9vZCBBZHZlbnR1cmVzPC9oMj4KPCEtLSBTZWN0aW9uIHN1YmhlYWRpbmcgLS0+CjxoMz5TdHJlZXQgRm9vZDwvaDM+CjxwPlN0cmVldCBmb29kIG9mZmVyZWQgc2F2b3J5IHNuYWNrcyBhbmQgc3dlZXQgdHJlYXRzLjwvcD4KPCEtLSBTZWN0aW9uIHN1YmhlYWRpbmcgLS0+CjxoMz5GaW5lIERpbmluZzwvaDM+CjxwPkEgcmVub3duZWQgcmVzdGF1cmFudCBzZXJ2ZWQgZXhxdWlzaXRlIGRpc2hlcy48L3A+

Erlernen Sie die Grundlagen von HTML (HyperText Markup Language), dem Fundament der Webentwicklung. Dieser einsteigerfreundliche Kurs behandelt Tags, Attribute, Elemente und die Strukturierung von Webseiten. Erwerben Sie praktische Fähigkeiten im Erstellen von Überschriften, Absätzen, Listen, Bildern, Links, Formularen und Tabellen. Entdecken Sie Best Practices, Optimierung und Webzugänglichkeit. Beginnen Sie Ihre Webentwicklungsreise mit HTML.

Erkunden Sie die Funktionsweise des Webs. Erfahren Sie, wie Daten über Netzwerke übertragen werden, entdecken Sie die Rolle von Protokollen und entschlüsseln Sie die Geheimnisse von IP-Adressen und Domainnamen. Gewinnen Sie ein grundlegendes Verständnis darüber, wie Webbrowser und Server miteinander kommunizieren, um Webinhalte bereitzustellen.

Erkunden Sie die Möglichkeiten von Tags zur Strukturierung von Inhalten, von Überschriften und Absätzen bis hin zu Listen und Tabellen. Erfahren Sie, wie Sie Elemente mit Attributen erweitern können.

Der Kern der HTML-Dokumentstruktur. Lernen Sie die Bestandteile eines HTML-Dokuments kennen, einschließlich der Doctype-Deklaration, des Head- und Body-Bereichs. Verstehen Sie den Zweck jedes Elements und wie sie zur Gesamtstruktur einer Webseite beitragen.

Gestaltung einer ansprechenderen Webseite durch den Einsatz von Medien wie Bildern, Audio und Video. Umgang mit strukturierten tabellarischen Daten in Form von Tabellen.

Erkunden Sie die Vielseitigkeit von HTML-Formularen. Lernen Sie, intuitive und benutzerfreundliche Formulare durch Anwendung zentraler Konzepte und Techniken zu gestalten. Entdecken Sie, wie Formulare die Benutzerinteraktion und Datenübermittlung auf Websites ermöglichen.

Textauszeichnung

Absatz

Überschriften