Überschriften

Überschrift eins

Überschrift zwei

Überschrift drei

Überschrift vier

Überschrift fünf
Überschrift sechs

Blockzitate

Einzeiliges Blockzitat:

Bleiben Sie hungrig. Bleiben Sie verrückt.

Mehrzeiliges Blockzitat mit Quellenangabe:

Das HTML-<blockquote>Element (oder HTML-Blockzitat-Element) zeigt an, dass der eingeschlossene Text ein erweitertes Zitat ist. Normalerweise wird dies visuell durch Einrückung dargestellt (siehe Hinweise, wie man dies ändern kann). Eine URL für die Quelle des Zitats kann über das cite-Attribut angegeben werden, während eine Textdarstellung der Quelle über das <cite> -Element erfolgen kann.

mehrere Mitwirkende – MDN HTML-Element-Referenz – blockquote

Tabellen

MitarbeiterGehalt 
John Doe1 $Weil das alles war, was Steve Jobs als Gehalt brauchte.
Jane Doe100.000 $Für das ganze Bloggen, das sie betreibt.
Fred Bloggs100 Mio. $Bilder sagen mehr als tausend Worte, oder? Also Jane x 1.000.
Jane Bloggs100 Mrd. $Mit solchen Haaren?! Genug gesagt…

Definitionslisten

Definitionslisten-Titel Definitionslisten-Unterteilung. Startup Ein Startup-Unternehmen oder Startup ist ein Unternehmen oder eine temporäre Organisation, die darauf ausgerichtet ist, nach einem wiederholbaren und skalierbaren Geschäftsmodell zu suchen. #dowork Geprägt von Rob Dyrdek und seinem persönlichen Bodyguard Christopher „Big Black“ Boykins, fungiert „Do Work“ als Selbstmotivator, um Ihre Freunde zu motivieren. Do It Live Ich lasse Bill O’Reilly dieses hier erklären.

Ungeordnete Listen (verschachtelt)

  • Listenelement eins
    • Listenelement eins
      • Listenelement eins
      • Listenelement zwei
      • Listenelement drei
      • Listenelement vier
    • Listenelement zwei
    • Listenelement drei
    • Listenelement vier
  • Listenelement zwei
  • Listenelement drei
  • Listenelement vier

Geordnete Liste (verschachtelt)

  1. Listenelement eins – Start bei 8
    1. Listenelement eins
      1. Listenelement eins – reversed-Attribut
      2. Listenelement zwei
      3. Listenelement drei
      4. Listenelement vier
    2. Listenelement zwei
    3. Listenelement drei
    4. Listenelement vier
  2. Listenelement zwei
  3. Listenelement drei
  4. Listenelement vier

HTML-Tags

Diese unterstützten Tags stammen aus den WordPress.com-Code-FAQ.

Address-Tag 1 Infinite Loop
Cupertino, CA 95014
Vereinigte Staaten

Anker-Tag (alias Link)

Dies ist ein Beispiel für einen Link.

Abkürzungs-Tag

Die Abkürzung srsly steht für „seriously“.

Akronym-Tag (veraltet in HTML5)

Das Akronym ftw steht für „for the win“.

Big-Tag (veraltet in HTML5)

Diese Tests sind eine große Sache, aber dieses Tag wird in HTML5 nicht mehr unterstützt.

Cite-Tag

„Code is poetry.“ – Automattic

Code-Tag

Dieses Tag formatiert Codeblöcke.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
and here's a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;
}

Sie werden später in diesen Tests erfahren, dass word-wrap: break-word; Ihr bester Freund sein wird.

Delete-Tag

Mit diesem Tag können Sie Text durchstreichen, aber dieses Tag wird in HTML5 empfohlen unterstützt (verwenden Sie stattdessen das <s>).

Emphasize-Tag

Das Emphasize-Tag sollte Text kursiv setzen.

Horizontal Rule-Tag


Dieser Satz folgt auf ein <hr />-Tag.

Insert-Tag

Dieses Tag sollte eingefügten Text kennzeichnen.

Keyboard-Tag

Dieses kaum bekannte Tag emuliert Tastaturtext, der normalerweise wie das <code>-Tag gestaltet ist.

Preformatted-Tag

Dieses Tag dient dazu, Leerzeichen so zu erhalten, wie sie eingegeben wurden, wie etwa in Gedichten oder ASCII-Art.

The Road Not Taken

Robert Frost


 Two roads diverged in a yellow wood,
 And sorry I could not travel both (\_/)
 And be one traveler, long I stood (='.'=)
 And looked down one as far as I could (")_(")
 To where it bent in the undergrowth;

 Then took the other, as just as fair,
 And having perhaps the better claim, |\_/|
 Because it was grassy and wanted wear; / @ @ \
 Though as for that the passing there ( > º < )
 Had worn them really about the same, `>>x

Quote-Tag für kurze Inline-Zitate

Developers, developers, developers… – Steve Ballmer

Strike-Tag (veraltet in HTML5) und S-Tag

Dieses Tag zeigt durchgestrichenen Text.

Small-Tag

Dieses Tag zeigt kleineren Text.

Strong-Tag

Dieses Tag zeigt fetten Text.

Subscript-Tag

Wir bringen Wissenschaft in das Styling mit H2O, was die „2“ nach unten schieben sollte.

Superscript-Tag

Wir bleiben bei der Wissenschaft und Albert Einsteins E = MC2, was die 2 nach oben heben sollte.

Teletype-Tag (veraltet in HTML5)

Dieses selten verwendete Tag emuliert Fernschreiber-Text, der normalerweise wie das <code>-Tag gestaltet ist.

Underline-Tag veraltet in HTML 4, wieder eingeführt in HTML5 mit anderer Semantik

Dieses Tag zeigt unterstrichenen Text.

Variable-Tag

Dies ermöglicht es Ihnen, Variablen zu kennzeichnen.