Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading

Normal: Dies ist ein Text.

smaller: Dies ist ein kleinerer Text.

larger: Dies ist ein grösserer Text.

xx.s: Dies ist ein xx-small Text.

x-small: Dies ist ein extra kleiner Text.

small: Dies ist ein kleiner Text.

medium: Dies ist ein mittel grosser Text.

large: Dies ist ein grosser Text.

x-large: Dies ist ein extra grosser Text.

xx-large: Dies ist ein sehr grosser Text.

Dieser Text ist rot.

Dieser Text hat eine blaue Hintergrundfarbe.

Dieser Text benutzt Comic Sans MS.

Dieser Text benutzt Verdana.

Das ist ein Link auf wikipedia

Dieser Text hat verschiedene Formate, nämlich: fett, kursiv, unterstrichen, durchgestrichen

Dieser Text hat einen ^{hochgestellten Teil} und einen _{tiefer gestellten Teil}.

1. Listenelement
2. Listenelement

• Listenelement
• Listenelement

Dieser Text ist einmal eingeschoben.

Dieser Text ist zweimal eingeschoben.

Dieser Text ist rechtsbündig.

Dieser Text ist mittig.

Unter diesem Text ist eine horizontale Linie:

Und so sieht der generierte Code dazu aus:

<h1>
	Heading 1</h1>
<h2>
	Heading 2</h2>
<h3>
	Heading 3</h3>
<h4>
	Heading 4</h4>
<h5>
	Heading 5</h5>
<h6>
	Heading</h6>
<address>
	Adress</address>
<div>
	Normal (Div)</div><p>
    Dies ist ein Text.</p>
<p>
    <span style="font-size: smaller;">smaller: Dies ist ein kleinerer Text.</span></p>
<p>
    <span style="font-size: larger;">larger: Dies ist ein gr&ouml;sserer Text.</span></p>
<p>
    <span style="font-size: xx-small;">xx.s: Dies ist ein xx-small Text.</span></p>
<p>
    <span style="font-size: x-small;">x-small: Dies ist ein extra kleiner Text.</span></p>
<p>
    <span style="font-size: small;">small: Dies ist ein kleiner Text.</span></p>
<p>
    <span style="font-size: medium;">medium: Dies ist ein mittel grosser Text.</span></p>
<p>
    <span style="font-size: large;">large: Dies ist ein grosser Text.</span></p>
<p>
    <span style="font-size: x-large;">x-large: Dies ist ein extra grosser Text.</span></p>
<p>
    <span style="font-size: xx-large;">xx-large: Dies ist ein sehr grosser Text.</span></p>
<p>
    <span style="color: rgb(255, 0, 0);">Dieser Text ist rot.</span></p>
<p>
    <span style="background-color: rgb(51, 102, 255);">Dieser Text hat eine blaue Hintergrundfarbe.</span></p>
<p>
    <span style="font-family: &quot;Comic Sans MS&quot;;">Dieser Text benutzt Comic Sans MS.</span></p>
<p>
    <span style="font-family: verdana,geneva,sans-serif;">Dieser Text benutzt Verdana.</span></p>
<p>
    Das ist ein <a href="http://www.wikipedia.org" title="Link auf Wikipedia">Link auf wikipedia</a></p>
<p>
    Dieser Text hat verschiedene Formate, n&auml;mlich: <strong>fett</strong>, <em>kursiv,</em> <u>unterstrichen,</u> <strike>durchgestrichen</strike></p>
<p>
    Dieser Text hat einen <sup>hochgestellten Teil</sup> und einen <sub>tiefer gestellten Teil</sub>.</p>
<ol>
    <li>
        Listenelement</li>
    <li>
        Listenelement</li>
</ol>
<ul>
    <li>
        Listenelement</li>
    <li>
        Listenelement</li>
</ul>
<p class="rteindent1">
    Dieser Text ist einmal eingeschoben.</p>
<p class="rteindent2">
    Dieser Text ist zweimal eingeschoben.</p>
<p class="rteright">
    Dieser Text ist rechtsb&uuml;ndig.</p>
<p class="rtecenter">
    Dieser Text ist mittig.</p>
<p>
    Unter diesem Text ist eine horizontale Linie:</p>
<hr />
<table border="1" cellpadding="1" cellspacing="1" width="200">
    <tbody>
        <tr>
            <td>
                Eine</td>
            <td>
                Tabelle</td>
        </tr>
        <tr>
            <td>
                mit</td>
            <td>
                zwei Zeilen und zwei Reihen</td>
        </tr>
    </tbody>
</table>
<p>
    Und so sieht der generierte Code dazu aus:</p>