Elemente
HTML dient der Strukturierung (oder auch Auszeichnung) von Inhalten. Zu dem was wir tatsächlich auf dem Bildschirm lesen oder sehen können, kommen semantsiche Informationen hinzu. Das kann z. B. die Information sein, dass ein bestimmter Text eine Überschrift oder die Beschreibung für ein Bild ist. Diese zusätzlichen semantischen Informationen werden auch Markup genannt.
Mithilfe von sogenannten Tags werden einzelne Elemente eines Dokuments ausgezeichnet. Jedes Element besteht aus einem Start- und einem End-Tag. Für eine Überschrift kann das z. B. so aussehen:
Dies ist eine Überschrift erster Hierarchieebenen
h1 steht dabei für heading 1st level. Allgemein lässt sich daraus die folgende Struktur eines HTML-Elements ableiten:
<tag>Inhalt des Elements</tag>
Ein vollständiges Element besteht aus öffnendem und schließendem Tag sowie dem Element-Inhalt. Öffnender und schließender Tag bestehen jeweils aus dem Tag-Namen, umschlossen von spitzen Klammern. Der schließende Tag hat zusätzlich einen führenden Schrägstrich vor dem Tag-Namen
Andere Beispiele für Tags sind im folgenden Beispiel und auf der Webseite des Mozilla Developer Network zu finden.
Dies ist eine Überschrift zweiter Ebenen
Dies ist eine Überschrift dritter Ebene
Dies ist ein Textabsatz (paragraph)
- Dies ist eine ungeordnete Liste.
- Der Tag-Name leitet sich von engl. unordered list ab.
- Die einzelnen Aufzählungspunkte werden jeweils durch
li-Tags ausgezeichnet. - Das steht für engl. list item
- Dies ist eine nummerierte Liste.
- Der Tag-Name leitet sich von engl. ordered list ab.