Start > Informatik > HTML - Kurs > Elemente und Tags

Elemente und Tags


Sinn und Zweck

HTML ist eine Seitenbeschreibungssprache. Das heißt man beschreibt mit ihr, wie Dinge auf einer Seite dargestellt werden. Wenn der Browser die HTML-Datei analysiert und anschließend auf dem Bildschirm darstellt, so spricht man von „rendern“. HTML ist genauso wie jede andere Sprache ( Englisch, Deutsch, C, C++) und besteht aus Vokabeln und Regeln.

Vokabeln

Die Vokabeln der Sprache HTML werden durch Angabe spitzer Klammern < > gekennzeichnet. Man spricht dann auch von einem sogenannten „Tag“.

Ein Tag besteht dabei immer aus:

Tag = <Tagname>

Syntax von Elementen

Das einfachste Konstrukt in HTML ist ein „Element“. Ein Element besteht immer aus:

Element = Start-Tag + Inhalt + End-Tag

Dabei gilt für das End-Tag immer:

End-Tag = </Tagname>

Beispiel


Ein einfaches Beispiel ist eine Überschrift:

<h1>Dies ist eine Überschrift</h1>

Ausnahmen


Es gibt wie bei vielen Sprachen jedoch auch Ausnahmen, die daher kommen, dass HTML sich seit Version 1.0 weiterentwickelt hat. Ein paar Elemente aus 1.0 haben aufgrund der großen Verbreitung immer noch Bestand. Dazu zählen etwa die folgenden Tags, die keinen Inhalt und damit auch kein End-Tag besitzen:

<img>
<br>
<meta>

Block- und Inline Elemente


HTML unterscheidet grundsätzlich zwischen zwei Arten von Elementen
  • Blockelement:
    Die sogenannten Block Elemente erzeugen zwangsweise einen eigenen Absatz.
  • Inlineelement:
    Die Inline Elemente erzeugen keinen eigenen Absatz.

Verschachtelungregel


Elemente in HTML sind in der Regel ineinander verschachtelt. Das heißt ein Absatz <p> kann ein Bild <img> oder einen Link <a> enthalten. Dabei ist zu beachten, dass ein Element immer vollständig in einem anderen enthalten sein muss.

falsches Beispiel:
<p> <a> ... </p> </a>

Bei diesem Beispiel überlappen sich die Elemente a und p, da a zwar innerhalb von p startet aber nicht innerhalb wieder endet. Korrekt müsste es lauten:

<p><a>  ... </a></p>

Infoblätter und Arbeitsblätter


HTML-Grundlagen
Info: Dieses Infoblatt erklärt die Grundlagen der HTML Elemente und geht auch bereits auf die Attribute von Tags ein.

Ticker
Last update:
October 08. 2018 08:46:35