Artikelformat

HTML Textstrukturierung: So lassen sich HTML-Elemente definieren!

XOVI Banner

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:

AAWP

Bestes Amazon Affiliate Plugin: AAWP

AAWP Funktionen
  • Sehr schöne Vergleichstabellen
  • Mehr Provisionen
  • Geringer Aufwand
AAWP Button
ElementBedeutung
<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>streicht den Text durch
<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:

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

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

SeedingUp

Digital Content Marketing Plattform: SeedingUp

SeedingUp Funktionen
  • Website & Produkte bekannt machen
  • Hochwertige Backlinks kaufen und verkaufen
  • Schnell und effizient
SeedingUp Button
Bewerte diesen Artikel
1 Stern2 Sterne3 Sterne4 Sterne5 Sterne

23 Bewertung(en), durchschnittlich: 5,00 von 5

Loading...

Schreibe einen Kommentar

Pflichtfelder sind mit * markiert.