Ungeordnete Listen

Ungeordnete Listen können mit dem Stern * erzeugt werden. Der * muss das erste Zeichen in der Zeile sein!

* Erstes Listen Element
* Zweites Listen Element
** Ein Unterelement
* Drittes Listen Element

Dargestellt als:

• Erstes Listen Element
• Zweites Listen Element
  • Ein Unterelement
• Drittes Listen Element

Erzeugter HTML Code:

<ul><li>Erstes Listen Element</li><li>Zweites Listen Element<ul><li>Ein Unterelement</li></ul></li><li>Drittes Listen Element</li></ul>

Geordnete Listen

Geordnete Listen verwenden das "Hash" Zeichen: #

1. Erstes Element
2. Zweites Element
3. Drittes Element

Ungeordnete und geordnete Listen können gemischt werden:

* Heute zu erledigen
*# Essen
* Arbeit abschieben :)
*# Dieses und 
*# Jenes 
*## und das auch noch

Dargestellt als:

• Heute zu erledigen
  1. Essen
• Arbeit abschieben :)
  1. Dieses und
  2. Jenes
     1. und das auch noch

Erzeugter HTML Code:

<ul><li>Heute zu erledigen<ol><li>Essen</li></ol></li><li>Arbeit abschieben :)<ol><li>Dieses und </li><li>Jenes <ol><li>und das auch noch</li></ol></li></ol></li></ul>

Listen und Zitate mischen

Hinweis: Zitate und Listen lassen sich hervorragend gemeinsam einsetzen:

* Element Eins
** Element Zwei
**> Ein Zitat
**> Noch ein Zitat
* Element Drei

Dargestellt als:

• Element Eins
  • Element Zwei

    Ein Zitat

    Noch ein Zitat

• Element Drei

Erzeugter HTML Code:

<ul><li>Element Eins<ul><li>Element Zwei<blockquote><div>Ein Zitat</div><div>Noch ein Zitat</div></blockquote></li></ul></li><li>Element Drei</li></ul>

CSS Klassen

Für geübte Anwender! Sie können CSS Klassen direkt zuweisen:

* Element Eins
*.MyClass Element 2
* Element 3

Dargestellt als:

• Element Eins
• Element 2
• Element 3

Erzeugter HTML Code:

<ul><li>Element Eins</li><li class="MyClass">Element 2</li><li>Element 3</li></ul>