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.
Loading...
