HTML wird in sogenannten Tags definiert. Grundsätzlich unterscheidet man 3 Arten von Tags:
- Tags zur Textformatierung
- Tags zur Strukturierung der Webseite
- Spezielle Tags für Bilder, Formulare usw.
HTML-Tags haben größtenteils denselben Aufbau. Ein HTML-Tag hat ein öffnendes und ein schließendes Tag. Ein öffnendes und ein schließendes HTML-Tag unterscheiden sich grundsätzlich nur in einem Punkt voneinander. Das schließende Tag hat ein / nach der ersten Klammer:
<Bezeichnung>Inhalt</Bezeichnung>
Tags zur Textformatierung:
HTML-Tags, die für die Textformatierung zuständig sind, „kümmern“ sich wie zu erwarten um das Aussehen des ausgegebenen Textes. In HTML können dieselben Formatierungen vorgenommen werden wie in einem Word-Dokument, unabhängig davon, wie sinnvoll diese Formatierungsmöglichkeiten auf einer Webseite sind. Folgend habe ich eine kleine Liste mit Beispielen zusammengestellt:
Element | Bedeutung |
<sup>….</sup> | stellt den Text Tief |
<sub>….</sub> | stellt den Text Hoch |
<small>….</small> | macht den Text kleiner als normal |
<big>….</big> | macht den Text größer als normal |
<s>….</s> | |
<strike>….</strike> | streicht den Text durch |
<b>….</b> | macht den Text fett |
<u>….</u> | unterstreicht den Text |
<i>….</i> | macht den Text kursiv |
<tt>….</tt> | macht den Text dicktengleich |
<a href=““>….</a> | erstellt Links. Der Link wird im href-Attribut definiert |
Tags zur Strukturierung
Diese Tags sind für den Aufbau eines HTML-Dokuments zuständig. Früher hat man diesen mit verschachtelten Tabellen geregelt, heute ist man zu einer eleganteren Methode übergegangen. Man nimmt sogenannte Div-Container um eine Webseite zu strukturieren. Diese lassen sich leicht mit CSS positionieren und formatieren:
Element | Bedeutung |
<div>….</div> | der sogenannte Div-Container, mit dem der Aufbau einer Seite geregelt wird |
<p>….</p> | mit diesem Tag werden Absätze definiert |
<br> oder <br /> | mit diesem Tag werden Zeilenumbrüche erzeugt |
Spezielle Tags für Bilder, Formulare usw.
Es gibt spezielle Tags, die für „besondere“ Elemente einer Webseite zuständig sind. Dies sind z. B. die Tags zur Auslagerung der CSS- und JavaScript-Dateien, für den Aufbau von Formularen oder für das Einfügen eines Textfeldes. Hier habe ich auch eine kleine Liste zusammengestellt:
Wie jede andere „Websprache“ wird der Standard immer weiter verbessert und optimiert. Ich habe hier die Neuerungen durch HTML 5 einfach einmal herausgelassen, da dies meiner Meinung nach den Rahmen sprengen würde.
Element | Bedeutung |
<style>….</style> | leitet CSS in einem HTML-Dokument ein |
<script>….</script> | leitet JavaScript in einem HTML-Dokument ein |
<link …. /> | verlinkt eine externe CSS-Datei |
<img …. /> | werden Bilder mit definiert |
<input …. /> | können verschiedene Formularfelder mit definiert werden |
<form>….</form> | mit diesem Tag wird ein Formular definiert |
<title>….</title> | mit dem Title-Tag wird der Titel einer Webseite definiert |
<textarea>….</textarea> | mit diesem Tag lassen sich Textfelder definieren |
Wie jede andere „Websprache“ wird der Standard immer weiter verbessert und optimiert. Ich habe hier die Neuerungen durch HTML 5 einfach einmal herausgelassen, da dies meiner Meinung nach den Rahmen sprengen würde.