Die Headlines

Ausstellungstitel: h1

Code: (<h1>Text</h1>)

Cycle IV: Onkalo

Künstler, Daten, Zeiten, Orte: h2

Code: (<h2>Text</h2>)

Monday 12.09.2016, 6–9pm

Vorzeile: h3

Code: (<h3>Text</h3>)

Opening Location Exhibition Date Special etc.

Zwischenüberschriften für Texte

Zwischenüberschrift h4

Code: (<h4>Text</h4>)

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Zwischenüberschrift h5

Code: (<h5>Text</h5>)

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Zwischenüberschrift h6

Code: (<h6>Text</h6>)

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Der Fließtext

Absatz im Fließtext

Code: (<p class=”p_body”>Text</p>)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Hervorhebung 1: black

Code: (<span class=”p_black”>Text</span>)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Hervorhebung 2: italic

Code: (<span class=”p_italic”>Text</span>)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Hervorhebung 3: caps

Code: (<span class=”p_caps”>Text</span>)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Hervorhebung 4: bold>

Code: (<span class=”p_bold”>Text</span>)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Kombinationen sind möglich 🙂

Code: (<span class=”p_bold p_italic p_caps p_black”>Text</span>)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Spezialformatierungen

Zeilenumbruch verhindern

Code: (<span class=”nowrap”>Text Text</span>)

Zeilenumbrüche werden nicht vorgenommen, solange sie nicht durch ein <br> erzwungen werden. Nützlich, wenn z.B. Vor- und Nachname der Künstler zusammen auf einer Zeile stehen sollen.
(siehe auch: → Sonderzeichen &nbsp;)

Worttrennung verhindern

Code: (<span class=”nohyph”>Text Text</span>)

Verhindert, dass bestimmte Worte oder Textabschnitte getrennt werden. Ggf. sinnvoll bei Überschriften oder Namen. VORSICHT bei Kombination mit »nowrap«: für die Mobile-Ausspielung dürfen nicht-umbrechbare, nicht-trennbare Bereich nicht zu lang sein.

html Sonderzeichen

Zeilenumbruch: erwingt Zeilenumbruch
Code:<br>
(vgl: → Zeilenumbruch verhindern)

Festes Leerzeichen: hält zwei Worte zusammen
Code: &nbsp;
(vgl: → Zeilenumbruch verhindern)

Pfeil: →
Code: &rarr;

Gedankenstrich: –
Code: &ndash;

Anführungszeichen: » «
Code: &raquo; &laquo;

Eine ausführliche Übersicht aller Html-Sonderzeichen gibt es unter:
→ sonderzeichentabelle.de