Typografie

Typografie

Letzteres ist nicht mehr als einen Fuß hoch und ungefähr sieben Schritte breit, eine bloße flache Spitze eines grauen Felsens, der nach einem Schauer wie heiße Asche raucht und wo niemand vor Sonnenuntergang eine nackte Sohle wagen würde. Auf der Kleinen Isabel raschelt eine alte zerlumpte Palme mit einem dicken, gewölbten Stamm, der rauh mit Stacheln ist, eine wahre Hexe unter Palmen, ein düsteres Bündel toter Blätter über dem groben Sand.

Überschrift 1 (H1)

Letzteres ist nicht mehr als einen Fuß hoch und ungefähr sieben Schritte breit, eine bloße flache Spitze eines grauen Felsens, der nach einem Schauer wie heiße Asche raucht und wo niemand vor Sonnenuntergang eine nackte Sohle wagen würde. Auf der Kleinen Isabel raschelt eine alte zerlumpte Palme mit einem dicken, gewölbten Stamm, der rauh mit Stacheln ist, eine wahre Hexe unter Palmen, ein düsteres Bündel toter Blätter über dem groben Sand.

Rubrik 2 (H2)

Letzteres ist nicht mehr als einen Fuß hoch und ungefähr sieben Schritte breit, eine bloße flache Spitze eines grauen Felsens, der nach einem Schauer wie heiße Asche raucht und wo niemand vor Sonnenuntergang eine nackte Sohle wagen würde. Auf der Kleinen Isabel raschelt eine alte zerlumpte Palme mit einem dicken, gewölbten Stamm, der rauh mit Stacheln ist, eine wahre Hexe unter Palmen, ein düsteres Bündel toter Blätter über dem groben Sand.

Rubrik 3 (H3)

Letzteres ist nicht mehr als einen Fuß hoch und ungefähr sieben Schritte breit, eine bloße flache Spitze eines grauen Felsens, der nach einem Schauer wie heiße Asche raucht und wo niemand vor Sonnenuntergang eine nackte Sohle wagen würde. Auf der Kleinen Isabel raschelt eine alte zerlumpte Palme mit einem dicken, gewölbten Stamm, der rauh mit Stacheln ist, eine wahre Hexe unter Palmen, ein düsteres Bündel toter Blätter über dem groben Sand.

Rubrik 4 (H4)

Letzteres ist nicht mehr als einen Fuß hoch und ungefähr sieben Schritte breit, eine bloße flache Spitze eines grauen Felsens, der nach einem Schauer wie heiße Asche raucht und wo niemand vor Sonnenuntergang eine nackte Sohle wagen würde. Auf der Kleinen Isabel raschelt eine alte zerlumpte Palme mit einem dicken, gewölbten Stamm, der rauh mit Stacheln ist, eine wahre Hexe unter Palmen, ein düsteres Bündel toter Blätter über dem groben Sand.

Überschrift 5 (H5)

Letzteres ist nicht mehr als einen Fuß hoch und ungefähr sieben Schritte breit, eine bloße flache Spitze eines grauen Felsens, der nach einem Schauer wie heiße Asche raucht und wo niemand vor Sonnenuntergang eine nackte Sohle wagen würde. Auf der Kleinen Isabel raschelt eine alte zerlumpte Palme mit einem dicken, gewölbten Stamm, der rauh mit Stacheln ist, eine wahre Hexe unter Palmen, ein düsteres Bündel toter Blätter über dem groben Sand.

Rubrik 6 (H6)

Letzteres ist nicht mehr als einen Fuß hoch und ungefähr sieben Schritte breit, eine bloße flache Spitze eines grauen Felsens, der nach einem Schauer wie heiße Asche raucht und wo niemand vor Sonnenuntergang eine nackte Sohle wagen würde. Auf der Kleinen Isabel raschelt eine alte zerlumpte Palme mit einem dicken, gewölbten Stamm, der rauh mit Stacheln ist, eine wahre Hexe unter Palmen, ein düsteres Bündel toter Blätter über dem groben Sand.

Block Zitate

Einzeiliges Blockzitat:

Hungrig bleiben. Bleib dumm.

Mehrzeiliges Blockzitat mit Zitierverweis:

Das HTML

Element (oder HTML-Block-Zitat-Element) weist darauf hin, dass es sich bei dem beigefügten Text um ein erweitertes Zitat handelt. Üblicherweise wird dies visuell durch Einrückung wiedergegeben (vgl Anmerkungen wie man es ändert). Eine URL für die Quelle des Zitats kann mit angegeben werden zitieren Attribut, während eine Textdarstellung der Quelle mit dem angegeben werden kann Element.

mehrere Mitwirkende – MDN-HTML-Elementreferenz – Blockquote

Tische

Angestellter Gehalt
John Doe $1 Denn das ist alles, was Steve Jobs für ein Gehalt brauchte.
Jane Doe $100K Für all das Bloggen, das sie tut.
Fred Bloggs $100M Bilder sagen mehr als tausend Worte, oder? Also Jane x 1.000.
Jane Bloggs $100B Mit solchen Haaren?! Genug gesagt…

Definitionslisten

Titel der Definitionsliste
Aufteilung der Definitionsliste.
Anlaufen
Ein Startup-Unternehmen oder Startup ist ein Unternehmen oder eine temporäre Organisation, die nach einem wiederholbaren und skalierbaren Geschäftsmodell suchen soll.
#dowork
„Do Work“ wurde von Rob Dyrdek und seinem persönlichen Leibwächter Christopher „Big Black“ Boykins geprägt und wirkt als Selbstmotivator, um Ihre Freunde zu motivieren.
Mach es live
Ich überlasse es Bill O'Reilly erklären Dieses hier.

Ungeordnete Listen (verschachtelt)

  • Listenpunkt eins
    • Listenpunkt eins
      • Listenpunkt eins
      • Listenpunkt zwei
      • Listen Sie Punkt drei auf
      • Listen Sie Punkt vier auf
    • Listenpunkt zwei
    • Listen Sie Punkt drei auf
    • Listen Sie Punkt vier auf
  • Listenpunkt zwei
  • Listen Sie Punkt drei auf
  • Listen Sie Punkt vier auf

Geordnete Liste (verschachtelt)

  1. Listen Sie Punkt eins auf - beginnen Sie bei 8
    1. Listenpunkt eins
      1. Listenelement eins -umgekehrtes Attribut
      2. Listenpunkt zwei
      3. Listen Sie Punkt drei auf
      4. Listen Sie Punkt vier auf
    2. Listenpunkt zwei
    3. Listen Sie Punkt drei auf
    4. Listen Sie Punkt vier auf
  2. Listenpunkt zwei
  3. Listen Sie Punkt drei auf
  4. Listen Sie Punkt vier auf

HTML-Tags

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

Adress-Tag

1 Endlosschleife
Cupertino, CA 95014
Vereinigte Staaten

Anker-Tag (auch bekannt als Link)

Dies ist ein Beispiel für eine Verknüpfung.

Abkürzung Tag

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

Akronym-Tag (in HTML5 veraltet)

Das Akronym ftw steht für „für den Sieg“.

Großes Etikett (in HTML5 veraltet)

Diese Tests sind a groß deal, aber dieses Tag wird in HTML5 nicht mehr unterstützt.

Zitat-Tag

„Code ist Poesie.“ —Automatisch

Code-Tag

Dieses Tag formatiert Codeblöcke.

.post-title {
Rand: 0 0 5px;
Schriftdicke: fett;
Schriftgröße: 38px;
Zeilenhöhe: 1,2;
und hier ist eine Zeile mit wirklich, wirklich, wirklich, wirklich langem Text, nur um zu sehen, wie es gehandhabt wird und um herauszufinden, wie es überläuft;
}


Sie werden später in diesen Tests lernen, dass Zeilenumbruch: Wortbruch; Ihr bester Freund sein wird.

Tag löschen

Dieses Tag lässt Sie Text durchstreichen, aber dieses Tag ist empfohlen unterstützt in HTML5 (verwenden Sie die stattdessen).

Tag betonen

Das Hervorhebungs-Tag sollte kursiv Text.

Horizontales Regel-Tag


Dieser Satz folgt a <hr> Schild.

Tag einfügen

Dieses Tag sollte bezeichnen eingefügt Text.

Tastatur-Tag

Dieses kaum bekannte Tag emuliert Tastaturtext, die normalerweise wie die gestylt ist Schild.

Vorformatiertes Tag

Dieses Tag dient zum Beibehalten von Leerzeichen wie eingegeben, z. B. in Poesie oder ASCII-Kunst.

Der Weg nicht genommen


Robert Frost


  Zwei Straßen trennten sich in einem gelben Wald, und es tut mir leid, ich konnte nicht beide reisen (_/) und ein Reisender sein, lange stand ich (='.'=) und schaute eine so weit hinunter, wie ich konnte (")_(") Wohin es sich im Unterholz bog; Dann nahm der andere, ebenso fair, Und vielleicht den besseren Anspruch, |_/| Weil es grasig war und getragen werden wollte; / @ @ Obwohl der Vorübergehende dort ( > º < ) sie wirklich ungefähr gleich getragen hatte, `>>x<<´ / O Und beide lagen an diesem Morgen gleichermaßen in Blättern, kein Schritt war schwarz getreten. Oh, ich habe den ersten für einen weiteren Tag aufgehoben! Doch da ich wusste, wie Weg zu Weg führt, bezweifelte ich, ob ich jemals zurückkommen würde. Ich werde dies mit einem Seufzer sagen. Irgendwo in Ewigkeiten: Zwei Wege gingen in einem Wald auseinander, und ich? Ich habe den weniger bereisten genommen, und das hat den Unterschied gemacht. und hier ist eine Zeile mit wirklich, wirklich, wirklich, wirklich langem Text, nur um zu sehen, wie es gehandhabt wird und um herauszufinden, wie es überläuft;

Zitat-Tag kurz, Inline-Zitate

Entwickler, Entwickler, Entwickler… –Steve Ballmer

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

Dieses Tag zeigt durchgestrichen Text.

Kleines Etikett

Dieses Tag zeigt kleiner Text.

Starkes Etikett

Dieses Tag zeigt fetter Text.

Index-Tag

Holen Sie sich unser Wissenschafts-Styling mit H2O, was die „2“ nach unten drücken sollte.

Hochgestelltes Tag

Ich bleibe immer noch bei der Wissenschaft und Albert Einsteins E = MC2, was die 2 anheben sollte.

Teletyp-Tag (veraltet in HTML5)

Dieses selten verwendete Tag emuliert Teletext, die normalerweise wie die gestylt ist Schild.

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

Dieses Tag zeigt unterstrichener Text.

Variablen-Tag

Damit können Sie kennzeichnen Variablen.

Bildausrichtung

Zentriertes Ausrichtungsbild

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

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

Linksbündiges Bild

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 bei 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. Präsent 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. Bei mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Rechtsausrichtungsbild

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 bei 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. Präsent 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. Bei mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

150 × 150-Bild, das linksbündig ausgerichtet ist

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 bei 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. Präsent 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. Bei mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Großes Bild

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

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