orange plastic blocks on white surface

HTML Tags

HTML besteht aus sogenannten Tags. Ein Tag ist eine Anweisung in spitzen Klammern. Fast immer gibt es ein öffnendes und ein schließendes Tag – dazwischen steht dein Text.

HTML Tags verwenden

Wir können uns HTML Tags wie eine Kartonbox mit Deckel vorstellen.

brown cardboard box on white surface

Wir öffnen den tag mit:

<tag>
brown cardboard box on white surface

und schließen die box mit:

</tag>
white and gray kitten on white textile

a cat peeking out of a cardboard box

In diese Tags fügen wir dann Text bzw. Inhalt ein. Stellt euch den Text oder Inhalt wie eine Katze vor, die wir in die Box stecken.

HTML Tags

Es gibt viele unterschiedliche Tags. Über 110 um genau zu sein. Sprich es gibt über 110 verschiedene Boxen, die unterschiedliche Anwendungszwecke haben.

Tags für die Textgestaltung

  • <strong>Katze</strong>: Markiert Text als wichtig (wird standardmäßig fett dargestellt).
  • <em>Katze<em>: Betont Text sprachlich (Emphasis, wird standardmäßig kursiv dargestellt).
  • <b>Katze</b>: Macht Text rein optisch fett (ohne tiefere semantische Bedeutung).
  • <i>Katze</i>: Macht Text rein optisch kursiv (z. B. für technische Begriffe oder Gedanken).
  • <u>Katze</u>: Unterstreicht Text (Vorsicht: Verwechslungsgefahr mit Links!).
  • <s>Katze</s>: Streicht Text durch (als nicht mehr korrekt oder relevant).
  • <mark>Katze</mark>: Markiert Text farblich wie mit einem Textmarker.