Home > Schule > HTML > Was ist das? > HTML und Tags

HTML und Tags

Allgemeine Vorbemerkung

HTML (=HyperText Markup Language) ist eine Seitenbeschreibungssprache. Etwas anders ausgedrückt: Mit Hilfe von HTML beschreibt man, wie etwas (Text, Tabellen, Listen, Bilder usw.) auf einer Seite aussehen soll (Eigenschaften wie Farbe, Rahmen, Größe, Abstände usw.). Zum Beschreiben dienen dabei die Tags, die festlegen, um welches Element einer Seite es sich handelt (Überschrift, Text, Tabelle, Bild usw.) und welche Eigenschaften eben dieses Element hat.

HTML ist Standard im Internet, auch wenn manche Firmen immer wieder versuchen, ihr eigenes Süppchen zu kochen. Zur Anzeige von HTML-Seiten dienen Browser wie der Internet Explorer, der Netscape Navigator, Mozillas Firefox oder der Browser von Opera und andere mehr. Aufgabe aller Browser ist es, die HTML-Anweisungen zu interpretieren und entsprechend am Bildschirm anzuzeigen.

Damit weiß man schon das Wichtigste über HTML. Und da HTML ein offener Standard ist, kann man sofort mit jedem Textverarbeitungsprogramm loslegen und HTML-Code produzieren und ihn mit einem Browser ansehen.

Der Aufbau von Tags

Ein Tag besteht aus einem einleitenden und einem abschließenden Teil. Zum Beispiel:

<p></p>

Das p steht für einen Absatz, der abschließende Teil enthält ebenfalls das p, allerdings mit vorangestelltem /. Beide Teile sind durch spitze Klammern eingeschlossen. Text, der zwischen einleitendem und abschließenden Teil des Tags steht, bekommt die Eigenschaften des Absatzes.

Im einleitenden Tag können verschiedene Eigenschaften festgelegt werden. Man spricht auch von Attributen und deren Werten. Beispiel für einen Absatz mit roter Schrift:

<p style="color:red">Beispieltext</p>

Der Beispielcode wird vom Browser wie folgt angezeigt:

Beispieltext

Tags kann man verschachteln, also verschiedene miteinander kombinieren. Das schon bekannte Beispiel mit dem roten Text wird nun erweitert:

<p style="color:red"><b><i>Beispieltext</i></b></p>

Dieser Beispielcode wird vom Browser wie folgt angezeigt:

Beispieltext

Der Tag <b> steht für bold, also fett, und der Tag <i> für italic, also kursiv. In der Kombination ergibt das alles einen fetten, kursiven und natürlich roten Text.

Bitte beachten: Wenn man innerhalb eines Tags einen anderen Tag öffnet, muss man ihn natürlich vor dem Schließen des umgebenden Tags auch schließen.

Zusamenfassung

Tags bestehen aus einem einleitenden und einem abschließenden Teil. (Es gibt zwar ein paar Ausnahmen, insbesondere den Tag für den Zeilenumbruch, der nur aus <br> besteht, aber eigentlich sind Zeilenumbrüche gar nicht nötig ...)

Es gibt Tags, die Elemente beschreiben (Absatz, Überschrift, Tabelle usw.), und Tags, die Eigenschaften beschreiben (Stil, fett, kursiv, unterstrichen usw.).

Anhand der Tags erhalten Browser die Information, wie sie die Seite darstellen sollen. (Dass es Unterschiede zwischen den einzelnen Browsern gibt und dass auch fehlerhaftes HTML zu irgendwelchen Ergebnissen führt, ist eine ganz andere Geschichte.)

Zurück zur Was ist das?-Seite