Oder Text markieren und Enter drücken…

Texte richtig formatieren

Achtet bitte auf eine konsistente und leserliche Typografie. Über die HTML-Ansicht könnt ihr immer mal wieder in die Code-Ansicht schauen und überprüfen was der Editor so angestellt hat.

Überschriften

Überschriften werden mit <H2> formatiert. 
Beispiel:

<H2> Das ist eine Überschrift</H2>

Unterüberschriften

Unterüberschriften werden mit <H3> formatiert. 
Beispiel:

<H3> Das ist eine Unterüberschrift</H3>

Textabschnitte

Textabschnitte werden mit <P> (für paragraph) formatiert.
Beispiel:

<P>Lorem ipsum dolor sit amet, consectetuer 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.Stet clita kasd gubergren, no sea takimata sanctus est
Lorem ipsum dolor siamet. Lorem ipsum dolor sit amet, consetet.</P>


Zitate

Zitate werden mit <P class="callout">formatiert.

Beispiel:

<P class="callout"> Phantasie ist wichtiger als Wissen,
denn Wissen ist begrenzt.
- Albert Einstein
</P>

 

Ergebnis im Browser:

Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt. - Albert Einstein

 

Kleiner Text

Kleiner Text wird mit <P class="discreet"> formatiert.

Beispiel:

<P class="discreet">Dies sind die Allgemeinen Geschäftsbedingungen
(im Folgenden: „AGB“) für die Nutzung der Websites</P>

 

Ergebnis im Browser:

Dies sind die Allgemeinen Geschäftsbedingungen (im Folgenden: „AGB“) für die Nutzung der Websites

 

Codeblöcke

Code, also z.B. Programmcode oder HTML-Quelltext der sichtbar sein soll, werden mit <DIV class="codeblock"> formatiert.
Beispiel:

<DIV class="codeblock">void setup() { size(2000, 2000, PDF, "Line.pdf"); } void draw() { background(255); stroke(0, 20); strokeWeight(20.0); line(200, 0, width/2, height); exit(); }</DIV>

 

Gestrichelte Linien

Gestrichelte Linien erhält man mit <DIV class="dotted"></DIV>.