Alle Elemente

Heading 1 - Dies ist die größte Überschrift

Heading 2 - Zweite Ebene für Hauptabschnitte

Heading 3 - Unterabschnitte und wichtige Themen

Heading 4 - Kleinere Unterabschnitte

Heading 5 - Detailierte Untergliederungen
Heading 6 - Die kleinste Überschrift

A paragraph (from the Greek paragraphos, "to write beside" or "written beside") is a self-contained unit of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose.

This is another paragraph to demonstrate how multiple paragraphs look in sequence. Notice the spacing between paragraphs and how they form distinct blocks of text. Paragraphs help break up large amounts of text and make content more readable and digestible for users.

Ich bin ein Link-Button

Text-Formatierungen

Hier ist fetter Text und hier ist auch fetter Text.

Hier ist kursiver Text und hier ist auch kursiver Text.

Hier ist unterstrichener Text und hier ist durchgestrichener Text.

Hier ist hervorgehobener Text mit Hintergrundfarbe.

Das ist kleiner Text und das ist normaler Text.

H2O ist Wasser und E=mc2 ist Einstein's Formel.

Links

Das ist ein normaler Link im Fließtext.

Das ist ein E-Mail Link zu einer E-Mail-Adresse.

Das ist ein Telefon Link zu einer Telefonnummer.

Listen

Ungeordnete Liste

  • Erstes Listen-Element
  • Zweites Listen-Element
  • Drittes Listen-Element mit einem längeren Text, der über mehrere Zeilen geht
  • Verschachtelte Liste:
    • Unter-Element 1
    • Unter-Element 2

Geordnete Liste

  1. Erster Schritt
  2. Zweiter Schritt
  3. Dritter Schritt
  4. Verschachtelte nummerierte Liste:
    1. Unter-Schritt A
    2. Unter-Schritt B

Definitions-Liste

HTML
HyperText Markup Language - Die Auszeichnungssprache für Webseiten
CSS
Cascading Style Sheets - Beschreibt das Aussehen von HTML-Elementen
JavaScript
Programmiersprache für interaktive Webseiten

Tabelle

Name Alter Beruf Stadt
Max Mustermann 32 Entwickler Berlin
Anna Schmidt 28 Designerin München
Peter Johnson 45 Manager Hamburg

Formular-Elemente

Zitate

"Die beste Zeit, einen Baum zu pflanzen, war vor zwanzig Jahren. Die zweitbeste Zeit ist jetzt." - Chinesisches Sprichwort

Wie Einstein sagte: Phantasie ist wichtiger als Wissen.

Code-Beispiele

Verwende den background-color CSS-Property für Hintergrundfarben.

function helloWorld() {
    console.log("Hello, World!");
    return "Hallo Welt";
}

Bilder

Text-Größen

Extra kleiner Text (12px)

Kleiner Text (14px)

Basis Text (16px)

Großer Text (18px)

Extra großer Text (20px)

Doppelt großer Text (24px)

Text-Gewichte

Leichter Text (300)

Normaler Text (400)

Mittlerer Text (500)

Halbfetter Text (600)

Fetter Text (700)

Schwarzer Text (900)

Text-Ausrichtung

Linksbündiger Text

Zentrierter Text

Rechtsbündiger Text

Blocksatz-Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

Spezielle Elemente

Drücken Sie Strg + C zum Kopieren.

Die Variable x repräsentiert eine unbekannte Zahl.

Computerausgabe: Datei erfolgreich gespeichert

WWW ist die Abkürzung für World Wide Web.

Klicken Sie hier für Details

Dieser zusätzliche Content wird nur angezeigt, wenn der Benutzer auf "Details" klickt. Das ist nützlich für FAQ-Bereiche oder zusätzliche Informationen.

Close