Typografie

Letzteres ist nicht mehr als einen Fuß hoch und etwa sieben Schritte breit, eine bloße flache Spitze eines grauen Felsens, der nach einem Regenschauer wie heiße Asche raucht und an dem sich kein Mensch vor Sonnenuntergang wagen würde, eine nackte Sohle zu sehen. Auf der Little Isabel raschelt eine alte, zerlumpte Palme mit einem dicken, wulstigen Stamm voller Stacheln, eine wahre Hexe unter Palmen, mit einem düsteren Haufen toter Blätter über dem groben Sand.

Überschrift 1 (H1)

Letzteres ist nicht mehr als einen Fuß hoch und etwa sieben Schritte breit, eine bloße flache Spitze eines grauen Felsens, der nach einem Regenschauer wie heiße Asche raucht und an dem sich kein Mensch vor Sonnenuntergang wagen würde, eine nackte Sohle zu sehen. Auf der Little Isabel raschelt eine alte, zerlumpte Palme mit einem dicken, wulstigen Stamm voller Stacheln, eine wahre Hexe unter Palmen, mit einem düsteren Haufen toter Blätter über dem groben Sand.

Überschrift 2 (H2)

Letzteres ist nicht mehr als einen Fuß hoch und etwa sieben Schritte breit, eine bloße flache Spitze eines grauen Felsens, der nach einem Regenschauer wie heiße Asche raucht und an dem sich kein Mensch vor Sonnenuntergang wagen würde, eine nackte Sohle zu sehen. Auf der Little Isabel raschelt eine alte, zerlumpte Palme mit einem dicken, wulstigen Stamm voller Stacheln, eine wahre Hexe unter Palmen, mit einem düsteren Haufen toter Blätter über dem groben Sand.

Überschrift 3 (H3)

Letzteres ist nicht mehr als einen Fuß hoch und etwa sieben Schritte breit, eine bloße flache Spitze eines grauen Felsens, der nach einem Regenschauer wie heiße Asche raucht und an dem sich kein Mensch vor Sonnenuntergang wagen würde, eine nackte Sohle zu sehen. Auf der Little Isabel raschelt eine alte, zerlumpte Palme mit einem dicken, wulstigen Stamm voller Stacheln, eine wahre Hexe unter Palmen, mit einem düsteren Haufen toter Blätter über dem groben Sand.

Überschrift 4 (H4)

Letzteres ist nicht mehr als einen Fuß hoch und etwa sieben Schritte breit, eine bloße flache Spitze eines grauen Felsens, der nach einem Regenschauer wie heiße Asche raucht und an dem sich kein Mensch vor Sonnenuntergang wagen würde, eine nackte Sohle zu sehen. Auf der Little Isabel raschelt eine alte, zerlumpte Palme mit einem dicken, wulstigen Stamm voller Stacheln, eine wahre Hexe unter Palmen, mit einem düsteren Haufen toter Blätter über dem groben Sand.

Überschrift 5 (H5)

Letzteres ist nicht mehr als einen Fuß hoch und etwa sieben Schritte breit, eine bloße flache Spitze eines grauen Felsens, der nach einem Regenschauer wie heiße Asche raucht und an dem sich kein Mensch vor Sonnenuntergang wagen würde, eine nackte Sohle zu sehen. Auf der Little Isabel raschelt eine alte, zerlumpte Palme mit einem dicken, wulstigen Stamm voller Stacheln, eine wahre Hexe unter Palmen, mit einem düsteren Haufen toter Blätter über dem groben Sand.

Überschrift 6 (H6)

Letzteres ist nicht mehr als einen Fuß hoch und etwa sieben Schritte breit, eine bloße flache Spitze eines grauen Felsens, der nach einem Regenschauer wie heiße Asche raucht und an dem sich kein Mensch vor Sonnenuntergang wagen würde, eine nackte Sohle zu sehen. Auf der Little Isabel raschelt eine alte, zerlumpte Palme mit einem dicken, wulstigen Stamm voller Stacheln, eine wahre Hexe unter Palmen, mit einem düsteren Haufen toter Blätter über dem groben Sand.

Block Zitate

Einzeiliges Blockzitat:

Hungrig bleiben. Bleib dumm.

Mehrzeiliges Blockzitat mit Zitierreferenz:

Der HTML

Element (oder HTML-Block-Zitat-Element) weist darauf hin, dass es sich bei dem beigefügten Text um ein erweitertes Zitat handelt. Normalerweise wird dies visuell durch Einrückung dargestellt (siehe 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

Mitarbeiter Gehalt
John Doe $1 Denn das ist alles, was Steve Jobs als Gehalt brauchte.
Jane Doe $100K Für all das Bloggen, das sie betreibt.
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
Definitionslisteneinteilung.
Start-up
Ein Startup-Unternehmen oder Startup ist ein Unternehmen oder eine temporäre Organisation, die auf der Suche nach einem wiederholbaren und skalierbaren Geschäftsmodell ist.
#dowork
„Do Work“ wurde von Rob Dyrdek und seinem persönlichen Leibwächter Christopher „Big Black“ Boykins geprägt und dient 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
      • Listen Sie Punkt zwei auf
      • Listen Sie Punkt drei auf
      • Listen Sie Punkt vier auf
    • Listen Sie Punkt zwei auf
    • Listen Sie Punkt drei auf
    • Listen Sie Punkt vier auf
  • Listen Sie Punkt zwei auf
  • Listen Sie Punkt drei auf
  • Listen Sie Punkt vier auf

Geordnete Liste (verschachtelt)

  1. Listenpunkt eins – beginnen Sie bei 8
    1. Listenpunkt eins
      1. Listenelement eins – umgekehrtes Attribut
      2. Listen Sie Punkt zwei auf
      3. Listen Sie Punkt drei auf
      4. Listen Sie Punkt vier auf
    2. Listen Sie Punkt zwei auf
    3. Listen Sie Punkt drei auf
    4. Listen Sie Punkt vier auf
  2. Listen Sie Punkt zwei auf
  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.

Adressanhänger

1 Endlosschleife
Cupertino, CA 95014
Vereinigte Staaten

Anker-Tag (auch bekannt als Link)

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

Abkürzungs-Tag

Die Abkürzung Ehrlich gesagt steht für „ernsthaft“.

Akronym-Tag (in HTML5 veraltet)

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

Großer Anhänger (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 er gehandhabt wird und um herauszufinden, wie er überläuft;
}
Später in diesen Tests werden Sie erfahren, dass word-wrap: break-word; Ihr bester Freund sein wird.

Tag löschen

Mit diesem Tag können Sie Text durchstreichen, aber dieses Tag ist empfohlen unterstützt in HTML5 (verwenden Sie die stattdessen).

Tag hervorheben

Das Hervorhebungs-Tag sollte kursiv schreiben Text.

Horizontales Regeletikett

Dieser Satz folgt a <hr /> Etikett.

Tag einfügen

Dieses Tag sollte bezeichnen eingefügt Text.

Tastatur-Tag

Dieser kaum bekannte Tag emuliert Tastaturtext, das normalerweise wie das gestylt ist Etikett.

Vorformatiertes Tag

Dieses Tag dient dazu, Leerzeichen bei der Eingabe beizubehalten, beispielsweise in Gedichten oder ASCII-Grafiken.

Der nicht eingeschlagene Weg


Robert Frost


  Zwei Straßen gingen in einem gelben Wald auseinander, und es tut mir leid, dass ich nicht beide bereisen konnte (_/) Und ein einziger Reisender sein, lange stand ich (='.'=) und blickte eine so weit ich konnte hinunter (")_(") Dorthin, wo es sich im Unterholz bog; Dann nahm er den anderen, der genauso fair war und vielleicht den besseren Anspruch hatte, |_/| Weil es grasig war und abgenutzt werden wollte; / @ @ Obwohl die dort Vorübergehenden ( > º < ) sie eigentlich ungefähr gleich getragen hatten, „>>x<<“ / O Und beide lagen an diesem Morgen gleichermaßen in Blättern, auf denen kein Schritt schwarz getreten war. Oh, das erste habe ich noch einen Tag aufbewahrt! Doch da ich wusste, wie ein Weg zu einem anderen führt, bezweifelte ich, dass ich jemals zurückkommen sollte. Ich werde dies mit einem Seufzer erzählen: Irgendwo in Ewigkeiten und Ewigkeiten: Zwei Straßen trennten sich in einem Wald, und ich – ich nahm diejenige, die weniger befahren wurde, und das hat den ganzen Unterschied gemacht. Und hier ist eine Zeile mit wirklich, wirklich, wirklich, wirklich langem Text, nur um zu sehen, wie er gehandhabt wird und um herauszufinden, wie er überläuft;

Zitat-Tag für kurze Inline-Zitate

Entwickler, Entwickler, Entwickler… –Steve Ballmer

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

Dieses Tag wird angezeigt durchgestrichen Text.

Kleines Etikett

Dieses Tag wird angezeigt kleiner Text.

Starkes Etikett

Dieses Tag wird angezeigt fetter Text.

Tiefgestelltes Tag

Wir bringen unser wissenschaftliches Styling mit H. voran2O, 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.

Fernschreiber-Tag (in HTML5 veraltet)

Dieses selten verwendete Tag emuliert Fernschreibtext, das normalerweise wie das gestylt ist Etikett.

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

Dieses Tag wird angezeigt unterstrichener Text.

Variablen-Tag

Dadurch können Sie bezeichnen Variablen.

Bildausrichtung

Bild mit zentrierter Ausrichtung

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.

Bild mit linker Ausrichtung

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 im Faucibus orci luctus und 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 erleichtert das Auswählen, und Sie werden wissen, was Sie darüber wissen müssen. In 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 im Faucibus orci luctus und 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 erleichtert das Auswählen, und Sie werden wissen, was Sie darüber wissen müssen. In mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

150 × 150-Bild, das linksbündig 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 im Faucibus orci luctus und 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 erleichtert das Auswählen, und Sie werden wissen, was Sie darüber wissen müssen. In 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.

Surfunterricht

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