HTML HTML-Dokumente bestehen aus Text. Zur Textauszeichnung gibt es bestimmte Zeichen aus dem normalen Zeichenvorrat. Der Inhalt von HTML-Dokumenten steht in HTML-Elementen. HTML-Elemente werden durch sogenannte Tags markiert. Fast alle HTML-Elemente werden durch ein einleitendes und ein schließendes Tag markiert. Der Inhalt dazwischen ist der Gültigkeitsbereich des entsprechenden Elements. Tags werden in spitzen Klammern notiert. Ein Beispiel
HTML – die Sprache des Web
Das Beispiel zeigt eine Überschrift 1. Ordnung. Das einleitende Tag
signalisiert, dass eine Überschrift 1. Ordnung folgt (h = heading = Überschrift). Das abschließende Tag
signalisiert das Ende der Überschrift. Ein abschließendes Tag beginnt mit einem Schrägstrich ( / ). Bei HTML spielt es keine Rolle, ob die Elementnamen in den Tags in Klein- oder Großbuchstaben notiert werden. So bedeuten
und
das Gleiche. In XHTML müssen Elementnamen dagegen klein geschrieben werden. Standalone-Tags Es gibt auch einige Elemente mit Standalone-Tags, d. h. Elemente, die keinen Inhalt haben und deshalb nur aus einem Tag bestehen statt aus Anfangs- und End-Tag. Ein Beispiel Eine Zeile, ein manueller Zeilenumbruch
und die nächste Zeile Am Ende der ersten Zeile signalisiert
, dass ein manueller Zeilenumbruch eingefügt werden soll (br = break = Umbruch). Wenn Sie XHTML-gerecht schreiben wollen, müssen Sie Elemente mit Standalone-Tags anders notieren: Anstelle von
müssen Sie
notieren – also den Elementnamen mit einem abschließenden Schrägstrich. Alternativ dazu können Sie auch
notieren, also ein Element mit Anfangs- und End-Tag, aber ohne Inhalt. In HTML5 ist die XHTML-Notationsform ebenfalls erlaubt, d. h. dort können Sie sowohl
als auch
notieren. Verschachtelung von Elementen Elemente können ineinander verschachtelt werden. Auf diese Weise entsteht eine hierarchische Struktur. Komplexere HTML-Dokumente enthalten sehr viele und tiefe Verschachtelungen. Deshalb sprechen Fachleute auch von strukturiertem Markup. Ein Beispiel
HTML – die Sprache des Web
Das abbr -Element markiert eine Abkürzung. Die Grundregel beim Verschachteln von Elementen besteht darin, dass Elemente in der umgekehrten Reihenfolge geschlossen werden, in der sie geöffnet wurden. Das innerste Element wird also zuerst geschlossen, dann das äußerste. Eine Sequenz wie
class="important">HTML CSS
PHP XML
ist nicht erlaubt. Korrekt ist dagegen
class="important">HTML CSS
class="important">PHP XML
. Attribute in Tags Einleitende Tags und Standalone-Tags können zusätzliche Angaben enthalten. lang="de" beispielsweise signalisiert dem interpretierenden Programm, dass der Elementinhalt deutschsprachig ist (lang = language = Sprache, de = eutsch):
HTML – die Sprache des Web
Es gibt folgende Arten von Attributen in HTML-Elementen: • Attribute mit Wertzuweisung, wobei es bestimmte erlaubte Werte gibt, z. B. bei
(Schaltfläche in einem Formular). Das type -Attribut bestimmt den Typ des Formularelements. Es gibt eine Reihe erlaubter Werte, etwa text , checkbox , radio , file , submit , reset oder hidden . • Attribute mit freier Wertzuweisung, wobei jedoch ein bestimmter Datentyp oder eine bestimmte Konvention erwartet wird, z. B.