Auszeichnungs-Sprache

Text durch Tags oder Kennzeichnungen strukturiert und formatiert

November 6, 2025 · 2 min read

#KM

Eine Auszeichnungs-Sprache (englisch: markup language) ermöglicht es, Daten durch Tags oder Kennzeichnungen zu strukturieren und zu formatieren (Metadaten). Sie beschreibt, wie Inhalte darzustellen oder zu interpretieren sind – ohne selbst eine Programmier-Sprache zu sein.

Bekannte Auszeichnungssprachen:

Markdown – für einfache Textformatierung
HTML (HyperText Markup Language) – für Webseiten
XML (Extensible Markup Language) – für strukturierte Daten

Markdown #

Markdown ist besonders einfach lesbar und wird oft in Readme-Dateien oder Blogs verwendet.

# Titel
**fett** und *kursiv*

HTML #

<h1> und <p> definieren eine Überschrift bzw. einen Absatz.

<h1>Willkommen</h1>
<p>Dies ist ein Absatz.</p>

XML #

XML beschreibt die Struktur der Daten, z. B. ist “Anna” der Name einer Person.

<person>
  <name>Anna</name>
  <age>30</age>
</person>

CSS #

CSS (Cascading Style Sheets) ist zwar keine klassische Auszeichnungssprache, wird aber häufig zusammen mit HTML verwendet, um das Aussehen von Webseiten zu gestalten. Während HTML den Inhalt und die Struktur beschreibt, kümmert sich CSS um das Design.

HTML mit CSS: HTML beschreibt die Elemente, und CSS legt fest, wie sie aussehen sollen (z. B. Farbe, Schriftgrösse, Abstand usw.).

<!DOCTYPE html>
<html>
<head>
  <style>
    h1 {
      color: blue;
      font-size: 36px;
    }
    p {
      color: gray;
    }
  </style>
</head>
<body>
  <h1>Hallo Welt</h1>
  <p>Das ist ein Absatz mit grauem Text.</p>
</body>
</html>

Wichtige CSS-Eigenschaften:

color: Textfarbe
font-size: Schriftgrösse
margin: Aussenabstand
padding: Innenabstand
background-color: Hintergrundfarbe

Zusammenfassend:

HTML = Was ist da?
CSS = Wie sieht es aus?

Backlinks:

Markdown