That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset. Am Kleinen Isabel steht eine alte, zerfurchte Palme mit einem dicken, wulstigen, rauen Stamm mit Stacheln, eine wahre Hexe unter den Palmenbäumen, und rustles einen schäbigen Haufen toter Blätter über dem kalten Sand.

Heading 1 (H1)

That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset. Am Kleinen Isabel steht eine alte, zerfurchte Palme mit einem dicken, wulstigen, rauen Stamm mit Stacheln, eine wahre Hexe unter den Palmenbäumen, und ruscht mit einem kläglichen Haufen toter Blätter über den felsigen Sand.

Heading 2 (H2)

Heading 3 (H3)

Heading 4 (H4)

Heading 5 (H5)

Heading 6 (H6)

Blockquotes

Einzeilige Blockquote:

Bleiben Sie hungrig. Stay foolish.

Mehrzeilige Blockquote mit einem Zitatverweis:

Das HTML <blockquote> Element (oder HTML Block Quotation Element) gibt an, dass der eingeschlossene Text eine erweiterte Quotation ist. Üblicherweise wird dies visuell durch Einrücken dargestellt (wie Sie das ändern können, erfahren Sie in den Anmerkungen ). Eine URL für die Quelle der Bewertung kann mithilfe des Attributs cite angegeben werden, während eine Textdarstellung der Quelle mithilfe des Attributs <cite> element.

multiple contributors – MDN HTML element reference – blockquote

Tische

Employee	Gehalt
John Doe	$1	Denn das war alles, was Steve Jobs für ein Gehalt brauchte.
Jane Doe	$100K	For all the blogging she does.
Fred Blogs	$100M	Bilder sind tausend Worte wert, oder? So Jane x 1,000.
Jane Blogs	$100B	Mit Haaren wie diesen?! Enough said…

Definition Lists

Definition List Title: Definition list division.
Startup: Eine Startup-Firma oder ein Startup ist ein Unternehmen oder eine temporäre Organisation, die darauf ausgelegt ist, nach einem wiederholbaren und skalierbaren Geschäftsmodell zu suchen.
#dowork: Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self-motivator, to motivate your friends.
Do It Live: Ich werde Bill O’Reilly diesen erklären lassen.

Unordered Lists (Nested)

List item one
- List item one
  - List item one
  - List item two
  - List item three
  - List item four
- List item two
- List item three
- List item four
List item two
List item three
List item four

Ordered List (Nested)

List item one -start at 8
1. List item one
  1. List item one -reversed attribute
  2. List item two
  3. List item three
  4. List item four
2. List item two
3. List item three
4. List item four
List item two
List item three
List item four

HTML-Tags

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

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

Anchor Tag (aka. Link)

Dies ist ein Beispiel für einen Link.

Abkürzung Tag

Die Abkürzung srsly steht für “ernsthaft”.

Acronym Tag(deprecated in HTML5)

Das Akronym ftw steht für “for the win” (für den Sieg).

Big Tag(deprecated in HTML5)

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

Cite Tag

“Code is poetry”. –Automat

Code Tag

Dieses Tag stilisiert 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 lernen, dass word-wrap: break-word;Ihr bester Freund sein wird.

Delete Tag

Mit diesem Tag können Sie ~~Text ausstreichen~~, aber dieses Tag wird in HTML5 empfohlenerweise unterstützt (verwenden Sie stattdessen die <s> ).

Emphasize Tag

Das Unterstreichungs-Tag sollte den Text kursiv darstellen.

Horizontal Rule Tag

Dieser Satz folgt einem <hr /> tag.

Insert Tag

Dieses Tag sollte eingefügten Text bezeichnen.

Keyboard Tag

Dieser wenig bekannte Tag emuliert Tastaturtext, der üblicherweise wie der Tag <code> gestaltet ist.

Vorformatierter Tag

Dieses Tag dient der Erhaltung von Whitespace als Typografie, wie z. B. in Gedichten oder ASCII-Kunst.

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<<´
                                               /  O
  And both that morning equally lay
  In leaves no step had trodden black.
  Oh, I kept the first for another day!
  Yet knowing how way leads on to way,
  I doubted if I should ever come back.

  I shall be telling this with a sigh
  Somewhere ages and ages hence:
  Two roads diverged in a wood, and I—
  I took the one less traveled by,
  And that has made all the difference.


  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;

Quote Tag für kurze, inline Quotes

Entwickler, Entwickler, Entwickler… –Steve Ballmer

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

Dieses Tag zeigt strike-through ~~Text~~.

Small Tag

Dieses Tag zeigt kleineren Text an.

Strong Tag

Dieses Tag zeigt fetten Text.

Subscript Tag

Getting our science styling on with H2O, which should push the “2” down.

Superscript Tag

Immer noch an der Wissenschaft und Albert Einsteins E = MC2 festhalten, das die 2 nach oben heben sollte.

Teletype Tag (obsolete in HTML5)

Dieses selten genutzte Tag emuliert Fernschreibtext, der in der Regel wie das <code> -Tag gestaltet ist.

Underline Tag in HTML 4 deprecated, in HTML5 mit anderen Semantiken wieder eingeführt

Dieses Tag zeigt unterstrichenen Text an.

Variable Tag

So können Sie Variablen bezeichnen.

Bild Alightment

Centre Alignment Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum.

Look at 554×312 getting some caption love

In sed porta lectus, auctor bibendum est. Mauris tempor fermentum nisl vel imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.

Left Alignment Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus at scelerisque est.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. In sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Integer facilisis aliquet elit, a egestas quam cursus quis. In mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Right Alignment Image

150 × 150 Bild, Which is Left Aligned

Large Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum.

Massiver Bildkommentar für Ihre Eyeballs

In sed porta lectus, auctor bibendum est. Mauris tempor fermentum nisl vel imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.