input formats:

HTML (gefiltert):

If you include a textual smiley in your post (see chart below), it will be replaced by a graphical smiley.

Smileys

Smiley	Acronyms
	:) :-) :smile:
	;) ;-) :wink:
	:( :-( :sad:
	:D :-D :lol:
	}:) }:-) :evil:
	:P :-P :zunge:
	:O :-O :shocked:
	:? :-? :puzzled:
	8) 8-) :cool:
	:jawdrop:
	:sick: :barf: :kotz:
	:) :-) :smile:
	;) ;-) :wink:
	:( :-( :sad:
	:D :-D :lol:
	}:) }:-) :evil:
	:P :-P :tongue:
	:O :-O :shocked:
	:? :-? :puzzled:
	8) 8-) :cool:
	:jawdrop:
	:sick: :barf:

Web page addresses and e-mail addresses turn into links automatically.

Allowed HTML tags: <a> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img>

Diese Website erlaubt HTML-Inhalte. Obwohl das Erlernen aller HTML-Befehle abschreckend erscheint, ist es sehr einfach, nur eine kleine Anzahl der grundlegendsten HTML-„Tags“ zu lernen. Diese Tabelle enthält Beispiele für jedes Tag, das auf dieser Website erlaubt ist.

Weitere Informationen zu HTML sind in SelfHTML erhältlich oder können mit Suchmaschinen im Internet auch an anderer Stelle gefunden werden.

Tag-Beschreibung	Eingegeben	Ergebnis
Anker werden benutzt um Links zu anderen Seiten zu erstellen.	`<a href="http://www1.stadtkind.com">Stadtkind: Berlin</a>`	Stadtkind: Berlin
Hervorgehoben	`<em>Hervorgehoben</em>`	Hervorgehoben
Fett	`<strong>Fett</strong>`	Fett
Zitat	`<cite>Zitat</cite>`	Zitat
Kodierter Text um Quelltexte anzuzeigen	`<code>Code</code>`	`Code`
Ungeordnete Liste – Mit <li> wird jedes Listenelement begonnen	`<ul> <li>Erstes Element</li> <li>Zweites Element</li> </ul>`	Erstes Element Zweites Element
Geordnete Liste – Mit <li> wird jedes Listenelement begonnen	`<ol> <li>Erstes Element</li> <li>Zweites Element</li> </ol>`	Erstes Element Zweites Element
Definitionslisten sind ähnlich zu anderen HTML-Listen. `<dl>` leitet die Definitionsliste ein, `<dt>` enthält den zu definierenden Begriff und `<dd>` enthält die Definitionsbeschreibung.	`<dl> <dt>Erste Bedingung</dt> <dd>Erste Definition</dd> <dt>Zweiter Begriff</dt> <dd>Zweite Definition</dd> </dl>`	Erste Bedingung Erste Definition Zweiter Begriff Zweite Definition
Kein Hilfetext für das img-Tag verfügbar.
Standardmäßig werden Zeilenumbrüche automatisch eingefügt. Dieses Tag wird also nur benötigt, um zusätzliche Zeilenumbrüche einzufügen. Dieses Tag benötigt, im Gegensatz zu allen anderen, kein öffnendes und schließendes Tag. Um die XHTML-Kompatibilität zu erhalten, muss `<br /> verwendet werden.`	`Text mit <br /> Zeilenumbruch`	Text mit Zeilenumbruch
Standardmäßig werden Absätze automatisch eingefügt. Dieses Tag wird also nur benötigt, um zusätzliche Absätze einzufügen.	`<p>Absatz eins.</p> <p>Absatz zwei.</p>`	Absatz eins. Absatz zwei.

Die meisten Sonderzeichen können problemlos direkt eingegeben werden.

Falls Probleme auftreten, sollten HTML-Entitäten verwendet werden. Ein Beispiel ist & für ein kaufmännisches &. Eine vollständige Liste stellt SelfHTML bereit. Einige Zeichen sind:

Zeichenbeschreibung	Eingegeben	Ergebnis
Kaufmännisches Und	`&`	&
Mehr als	`>`	>
Weniger als	`<`	<
Anführungszeichen	`"`	"

Zeilenumbrüche und Absätze werden automatisch erkannt. Die Tags für Zeilenumbrüche ( ) und Absätze () werden automatisch eingefügt. Wenn Absätze nicht erkannt werden, sollten noch einige Leerzeilen eingefügt werden.

Textile (gefiltert):

Textile Help

Block modifier syntax:

CSS attributes can be applied to blocks (paragraphs, headers, etc.). CSS classes are specifed with "(class)"; CSS IDs are specified with "(#id)"; both can be specified with "(class#id)". An arbtirary CSS style can be applied by using "{style}". Finally, language attributes are applied using "[language]".

Additionally, alignment and indentation shorthands are provided. To left-align, right-align, center, and justify text, use "<", ">", "=", and "<>", respectively. "(" left-indents a block 1em for each occurrence, and ")" right-indents similarly.

Tables have additional options. "^", "-", and "~" specify top, middle, and bottom vertical alignment. The "_" attribute on a cell indicates that it is a table header.

The examples below illustrate these attributes.

textile input output

Headings

hx. (where x is 1 - 6)

h1. Heading

Heading

h2(class). Heading with class

Heading with class

Paragraphs

p=. Centered text

Centered text

p())(#id). Indented text with ID

Indented text with ID

Block quotes

bq(class#id). Quote with class and ID

Quote with class and ID

bq[en]. English quote

English quote

Ordered lists

{color: blue}# Attributes specified
# before the first item
# affect the whole list

Attributes specified
before the first item
affect the whole list

Unordered lists

* Lists can have
## subitems or
## sublists
* too

Lists can have
1. subitems or
2. sublists
too

Footnotes

fnx. (where x is 1 - 100)

fn17. Footnote

¹⁷ Footnote

Tables

|_. A|_. B|_. C|
(dark). |very|simple|table|
|<. left|=. center|>. right|
|^{height:3em}. top|-. middle|~. bottom|

A	B	C
very	simple	table
left	center	right
top	middle	bottom

Phrase modifier syntax:

The class, ID, style, and language attributes described above also apply to the span phrase modifier as shown below.

textile input	output
_emphasis_	emphasis
__italic__	italic
strong	strong
bold	bold
??citation??	citation
-delete text-	~~deleted text~~
+inserted text+	inserted text
^superscript^	^superscript
~subscript~	_subscript
@code@	`code`
%(class)span%	span
%{color:red;}span%	span
==no textile==	no textile
"link text":url	link text
"link text(title)":url	link text
!imageurl!
!imageurl(alt text)!
!imageurl!:url
ABC(Always Be Closing)	ABC
Footnote reference[17]	Footnote reference¹⁷