1.2 HTML-Element

HTML verwendet Elemente, um die Bestandteile eines Dokuments zu kennzeichnen.

Ein HTML-Element besteht aus einer Start- und einer Schlußmarkierung, die den Inhalt des Elements – den zu kennzeichnenden Teil des Dokuments – einschließt. Eine Start- bzw. eine Schlußmarkierung wird Tag1 genannt. Ein HTML-Element besteht also aus einem Start-Tag, dem Inhalt des Elements und einem Schluss- bzw. End-Tag.

Jeder Tag besitzt einen Namen, der in spitze Klammern eingeschlossen wird. Beim Schluss-Tag wird zusätzlich vor den Namen ein Schrägstrich notiert.

img/Abb_1_1_Aufbau_HTML-Element.svg
Abb. 1-1: HTML-Element

1.2.1 Textabsatz (p-Element)

Ein Textabsatz ist ein Abschnitt eines fortlaufenden Textes, der aus einem oder mehreren Sätzen besteht und vom Sinn her eine Einheit bildet. In einem HTML-Dokument wird ein Absatz (engl. paragraph) durch ein p-Element gekennzeichnet.

HTML
<p>

Wir freuen uns über Ihr Interesse und hoffen Ihnen auf den folgenden Seiten einen kleinen Einblick in unsere Schule geben zu können.

</p>
Abb. 1-2: Absatz

1.2.2 Überschriften (Elemente h1 bis h6)

Eine Überschrift (engl. heading) kann durch die HTML-Elemente h1 bis h6 gekennzeichnet werden. Das h1-Element steht dabei für eine Überschrift der 1. Hierarchieebene – vergleichbar dem Titel eines Buches –, das h2-Element für eine Überschrift der 2. Hierarchieebene – vergleichbar einer Kapitelüberschrift –, das h3-Element eine Überschrift der 3. Hierarchieebene – vergleichbar einer Unterkapitelüberschrift – usw.

Zu beachten ist, dass das h1-Element zur Kennzeichnung der Seitenüberschrift dient und daher in jedem HTML-Dokument höchstens einmal verwendet werden soll. Außerdem dürfen keine Überschriftenebenen übersprungen werden. Das heißt, ein h3-Element darf nur verwendet werden, wenn es in dem HTML-Dokument ein h1- und mindestens ein h2-Element gibt.

HTML
<h1>Kaufmännische Schule Tauberbischofsheim</h1>

<h2>Herzlich Willkommen</h2>
Abb. 1-3: Überschriften

1.2.3 Zeilenumbruch (br-Element)

Soll innerhalb eines Absatzes ein Zeilenumbruch (engl. line break) erfolgen, muss an der gewünschten Stelle ein br-Element eingefügt werden.

Das br-Element ist ein leeres Element2. Leere Elemente bestehen ausschließlich aus ihrem Start-Tag und besitzen keinen Inhalt und keinen Schluss-Tag.

HTML
<p>

Wir freuen uns über Ihr Interesse und<br>hoffen Ihnen auf den folgenden Seiten einen kleinen Einblick in unsere Schule geben zu können.

</p>
Abb. 1-4: Zeilenumbruch