Auszeichnen: HTML-Tags und Formatierung

Rubriken

Kopfzeile eins

Kopfzeile zwei

Kopfzeile drei

Kopfzeile vier

Kopfzeile fünf
Kopfzeile sechs

Blockanführungszeichen

Einzeilige Blockquote:

Bleib hungrig. Bleib dumm.

Mehrzeiliges Blockzitat mit Zitierverweis:

Die Leute denken, dass Konzentration bedeutet, dass man zu der Sache, auf die man sich konzentrieren muss, Ja sagt. Aber das bedeutet es überhaupt nicht. Es bedeutet, nein zu sagen zu den hundert anderen guten Ideen, die es gibt. Man muss sorgfältig auswählen. Ich bin eigentlich genauso stolz auf die Dinge, die wir nicht gemacht haben, wie auf die, die ich gemacht habe. Innovation bedeutet, zu 1.000 Dingen nein zu sagen.

Steve Jobs - Weltweite Entwicklerkonferenz von Apple, 1997

Tische

Mitarbeiter Gehalt
Unbekannter $1 Denn das ist alles, was Steve Jobs für sein Gehalt brauchte.
Unbekannte $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...

Definition Listen

Definition Liste Titel
Definition Liste Division.
Startup
Ein Startup-Unternehmen oder eine Neugründung ist ein Unternehmen oder eine temporäre Organisation, die nach einem wiederholbaren und skalierbaren Geschäftsmodell sucht.
#dowork
Der von Rob Dyrdek und seinem persönlichen Leibwächter Christopher "Big Black" Boykins geprägte Begriff "Do Work" funktioniert als Selbstmotivator und zur Motivierung von Freunden.
Mach es live
Ich überlasse es Bill O'Reilly erklären diese.

Ungeordnete Listen (verschachtelt)

  • Posten eins auflisten
    • Posten eins auflisten
      • Posten eins auflisten
      • Punkt zwei der Liste
      • Punkt drei der Liste
      • Punkt vier der Liste
    • Punkt zwei der Liste
    • Punkt drei der Liste
    • Punkt vier der Liste
  • Punkt zwei der Liste
  • Punkt drei der Liste
  • Punkt vier der Liste

Geordnete Liste (verschachtelt)

  1. Posten eins auflisten
    1. Posten eins auflisten
      1. Posten eins auflisten
      2. Punkt zwei der Liste
      3. Punkt drei der Liste
      4. Punkt vier der Liste
    2. Punkt zwei der Liste
    3. Punkt drei der Liste
    4. Punkt vier der Liste
  2. Punkt zwei der Liste
  3. Punkt drei der Liste
  4. Punkt vier der Liste

HTML-Tags

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

Adressanhänger

1 Endlosschleife
Cupertino, CA 95014
Vereinigte Staaten

Anker-Tag (alias Link)

Dies ist ein Beispiel für eine Link.

Abkürzung Tag

Die Abkürzung srsly steht für "ernsthaft".

Akronym-Tag (veraltet in HTML5)

Das Akronym ftw steht für "für den Sieg".

Großer Tag (veraltet in HTML5)

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

Tag zitieren

"Code ist Poesie." -Automattic

Code-Tag

Sie werden später in diesen Tests erfahren, dass wortumbruch: wortumbruch; wird Ihr bester Freund sein.

Tag löschen

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

Tag hervorheben

Der emphasize-Tag sollte kursiv setzen Text.

Tag einfügen

Diese Markierung sollte bezeichnen eingefügt Text.

Tastatur-Tag

Dieser kaum bekannte Tag emuliert Tastaturtextdie in der Regel wie die Tag.

Vorformatierter Tag

Mit diesem Tag werden große Codeblöcke formatiert.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	Schriftgröße: 38px;
	Zeilenhöhe: 1.2;
	und hier ist eine Zeile mit wirklich, wirklich, wirklich, wirklich langem Text, nur um zu sehen, wie der PRE-Tag damit umgeht und um herauszufinden, wie er überläuft;
}

Zitat Tag

Entwickler, Entwickler, Entwickler... -Steve Ballmer

Streik-Tag (veraltet in HTML5)

Dieser Tag zeigt durchgestrichener Text

Starker Tag

Dieser Tag zeigt fett Text.

Tiefgestelltes Tag

Wissenschaftliches Styling mit H2O, wodurch die "2" nach unten gedrückt werden sollte.

Hochgestelltes Tag

Bleiben wir bei der Wissenschaft und Isaac Newtons E = MC2was die 2 anheben sollte.

Fernschreiber-Tag (veraltet in HTML5)

Dieser selten verwendete Tag emuliert Fernschreibtextdie in der Regel wie die Tag.

Variable Tag

Damit können Sie Folgendes bezeichnen Variablen.

Auszeichnen: Textausrichtung

blog4

Standard

Dies ist ein Absatz. Er sollte keinerlei Ausrichtung haben. Er sollte einfach so fließen, wie Sie es normalerweise erwarten würden. Nichts Ausgefallenes. Einfach nur Text, frei fließend, mit Liebe. Völlig neutral und ohne sich für eine Seite zu entscheiden oder auf dem Zaun zu sitzen. Es ist einfach so. Es ist einfach verdammt noch mal so. Es mag, wo es ist. Er fühlt sich nicht gezwungen, eine Seite zu wählen. Lassen Sie ihn in Ruhe. So wird es einfach besser sein. Glauben Sie mir.

Links ausrichten

Dies ist ein Absatz. Er ist linksbündig. Aus diesem Grund ist er etwas liberaler in seinen Ansichten. Seine Lieblingsfarbe ist grün. Linksbündig ist tendenziell umweltfreundlicher, aber es gibt keine konkreten Beweise dafür, dass es wirklich so ist. Obwohl sie den Reichtum gerne gleichmäßig verteilt, überlässt sie die Gleichverteilung der gerechtfertigten Ausrichtung.

Zentrieren Ausrichten

Dies ist ein Absatz. Er ist mittig ausgerichtet. Die Mitte ist, aber die Natur, ein Zaungast. Ein Zauderer. Es fällt ihm schwer, sich zu entscheiden. Sie will sich für eine Seite entscheiden. Das tut sie wirklich. Es hat die besten Absichten, aber es neigt dazu, die Dinge mehr zu verkomplizieren als zu verbessern. Das Beste, was Sie tun können, ist zu versuchen, es zu überzeugen und das Beste zu hoffen. Ich habe gehört, dass die Zentrale sich bestechen lässt.

Rechts ausrichten

Dies ist ein Absatz. Er ist rechtsbündig. Er ist etwas konservativer in seinen Ansichten. Er zieht es vor, sich nicht vorschreiben zu lassen, was er zu tun oder wie er es zu tun hat. Rechtsgerichtete Menschen besitzen eine Menge Waffen und gehen gerne auf den Schießstand, um zu üben. Was cool ist und so. Ich meine, es ist ein ziemlich guter Schuss aus mindestens vier oder fünf Fußballfeldern Entfernung. Volltreffer. Also, Boss.

Ausrichten rechtfertigen

Dies ist ein Absatz. Er ist gerade ausgerichtet. Er wird richtig sauer, wenn die Leute ihn mit Justin Timberlake in Verbindung bringen. Normalerweise ist Justified ziemlich geradlinig. Es mag es, wenn alles an seinem Platz ist und nicht wie bei den anderen Ausrichtungen alles katzbuckelig ist. Ich sage nicht, dass es dadurch besser ist als der Rest der Ausrichtungen, aber es neigt dazu, eher eine elitäre Haltung an den Tag zu legen.

Auszeichnen: Bildausrichtung

Willkommen bei der Bildausrichtung! Der beste Weg, um die verschiedenen Möglichkeiten der Bildausrichtung zu demonstrieren, ist, sie in ein Meer von Wörtern einzuschmiegen. Nehmen Sie ein Paddel und legen Sie los.

Zum Thema Ausrichtung ist anzumerken, dass die Benutzer zwischen folgenden Optionen wählen können KeineLinksRichtig, und Zentrum. Darüber hinaus erhalten sie auch die Optionen von VorschaubildMittelGroß & Fullsize.

Bildausrichtung 580x300

Das obige Bild ist zufällig zentriert.

Bildausrichtung 150x150Der Rest dieses Absatzes ist nur Füllmaterial, damit der Text um das 150×150 große Bild herumgeführt werden kann. linksbündig.

Wie Sie sehen können, sollte über, unter und rechts vom Bild etwas Platz sein. Der Text sollte nicht in das Bild hineinkriechen. Kriechen ist einfach nicht richtig. Bilder brauchen auch Raum zum Atmen. Lassen Sie sie sprechen wie Ihre Worte. Lassen Sie sie ihre Arbeit tun, ohne dass der Text sie stört. In etwa einem weiteren Satz werden wir sehen, dass sich der Text von der rechten Seite des Bildes in einem nahtlosen Übergang unter das Bild bewegt. Wiederum lassen wir den Text sein Ding machen. Mission erfüllt!

Und nun zu einer Massiv großes Bild. Es hat auch keine Ausrichtung.

Bildausrichtung 1200x400

Das obige Bild ist zwar 1200 Pixel breit, sollte aber den Inhaltsbereich nicht überfüllen. Es sollte ohne sichtbare Unterbrechung des Inhaltsflusses enthalten bleiben.

Bildausrichtung 300x200

Und jetzt werden wir die Dinge auf die rechts ausrichten. Auch hier sollte oberhalb, unterhalb und links des Bildes viel Platz sein. Schau ihn dir einfach an... Hey, Mann! So rockt man die rechte Seite. Es ist mir egal, was das links ausgerichtete Bild sagt, du siehst toll aus. Lass dir von niemandem etwas anderes einreden.

Nach kurzer Zeit sollten Sie sehen, dass der Text unter dem rechts ausgerichteten Bild umbrochen wird und sich gut einfügt. Es sollte noch viel Platz sein und alles sollte gut sitzen. Ja... Genau so. Es hat sich noch nie so gut angefühlt, richtig zu liegen.

Und gerade als Sie dachten, wir wären fertig, machen wir sie noch einmal mit Bildunterschriften!

Bildausrichtung 580x300

Schauen Sie sich 580×300 an, um etwas Bildunterschrift Liebe.

Das obige Bild ist zufällig zentriert. Die Überschrift enthält auch einen Link, nur um zu sehen, ob er irgendetwas auslöst.

Bildausrichtung 150x150

Winzig kleine Bildunterschrift.

Der Rest dieses Absatzes ist nur Füllmaterial, damit der Text um das 150×150 große Bild herumgeführt werden kann. linksbündig.

Wie Sie sehen können, sollte über, unter und rechts vom Bild etwas Platz sein. Der Text sollte nicht in das Bild hineinkriechen. Kriechen ist einfach nicht richtig. Bilder brauchen auch Raum zum Atmen. Lassen Sie sie sprechen wie Ihre Worte. Lassen Sie sie ihre Arbeit tun, ohne dass der Text sie stört. In etwa einem weiteren Satz werden wir sehen, dass sich der Text von der rechten Seite des Bildes in einem nahtlosen Übergang unter das Bild bewegt. Wiederum lassen wir den Text sein Ding machen. Mission erfüllt!

Und nun zu einer Massiv großes Bild. Es hat auch keine Ausrichtung.

Bildausrichtung 1200x400

Massiver Bildkommentar für Ihre Augäpfel.

Das obige Bild ist zwar 1200 Pixel breit, sollte aber den Inhaltsbereich nicht überfüllen. Es sollte ohne sichtbare Unterbrechung des Inhaltsflusses enthalten bleiben.

Bildausrichtung 300x200

Es ist ein gutes Gefühl, immer Recht zu haben.

Und jetzt werden wir die Dinge auf die rechts ausrichten. Auch hier sollte oberhalb, unterhalb und links des Bildes viel Platz sein. Schau ihn dir einfach an... Hey, Mann! So rockt man die rechte Seite. Es ist mir egal, was das links ausgerichtete Bild sagt, du siehst toll aus. Lass dir von niemandem etwas anderes einreden.

Nach kurzer Zeit sollten Sie sehen, dass der Text unter dem rechts ausgerichteten Bild umbrochen wird und sich gut einfügt. Es sollte noch viel Platz sein und alles sollte gut sitzen. Ja... Genau so. Es hat sich noch nie so gut angefühlt, richtig zu liegen.

Und das war's, yo! Du hast die stürmischen Gewässer der Ausrichtung überlebt. Errungenschaft Bildausrichtung freigeschaltet!