Skip to Content

Tipps zur Erstellung von Inhalten

  • Internet- und E-Mail-Adressen werden automatisch umgewandelt.
  • Zulässige HTML-Tags: <a> <p> <span> <div> <h1> <h2> <h3> <h4> <h5> <h6> <img> <map> <area> <hr> <br> <br /> <ul> <ol> <li> <dl> <dt> <dd> <table> <tbody> <th> <tr> <td> <em> <b> <u> <i> <strong> <del> <ins> <sub> <sup> <quote> <blockquote> <pre> <address> <code> <cite> <embed> <object> <param> <strike> <caption> <iframe>

    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-BeschreibungEingegebenErgebnis
    Anker werden benutzt um Links zu anderen Seiten zu erstellen.<a href="http://eilbek.net">eilbek.net</a>eilbek.net
    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.

    Kein Hilfetext für das span-Tag verfügbar.
    Kein Hilfetext für das div-Tag verfügbar.
    Kopfbereich<h1>Titel</h1>

    Titel

    Kopfbereich<h2>Untertitel</h2>

    Untertitel

    Kopfbereich<h3>Untertitel drei</h3>

    Untertitel drei

    Kopfbereich<h4>Untertitel vier</h4>

    Untertitel vier

    Kopfbereich<h5>Untertitel fünf</h5>
    Untertitel fünf
    Kopfbereich<h6>Untertitel sechs</h6>
    Untertitel sechs
    Kein Hilfetext für das img-Tag verfügbar.
    Kein Hilfetext für das map-Tag verfügbar.
    Kein Hilfetext für das area-Tag verfügbar.
    Kein Hilfetext für das hr-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 /> ZeilenumbruchText mit
    Zeilenumbruch
    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 /> ZeilenumbruchText mit
    Zeilenumbruch
    Ungeordnete Liste – Mit <li> wird jedes Listenelement begonnen<ul> <li>Erster Eintrag</li> <li>Zweiter Eintrag</li> </ul>
    • Erster Eintrag
    • Zweiter Eintrag
    Geordnete Liste – Mit <li> wird jedes Listenelement begonnen<ol> <li>Erster Eintrag</li> <li>Zweiter Eintrag</li> </ol>
    1. Erster Eintrag
    2. Zweiter Eintrag
    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
    Tabelle<table> <tr><th>Tabellenkopf</th></tr> <tr><td>Tabellenzelle</td></tr> </table>
    Tabellenkopf
    Tabellenzelle
    Kein Hilfetext für das tbody-Tag verfügbar.
    Hervorgehoben<em>Hervorgehoben</em>Hervorgehoben
    Fettgedruckt<b>Fettgedruckt</b>Fettgedruckt
    Unterstrichen<u>Unterstrichen</u>Unterstrichen
    Kursiv<i>Kursiv</i>Kursiv
    Fett<strong>Fett</strong>Fett
    Gelöscht<del>Gelöscht</del>Gelöscht
    Eingefügt<ins>Eingefügt</ins>Eingefügt
    Tiefgestellt<sub>Tief</sub>gestelltTiefgestellt
    Hochgestellt<sup>Hoch</sup>gestelltHochgestellt
    Kein Hilfetext für das quote-Tag verfügbar.
    Blockzitat<blockquote>Blockzitat</blockquote>
    Blockzitat
    Vorformattiert<pre>Vorformattiert</pre>
    Vorformattiert
    Kein Hilfetext für das address-Tag verfügbar.
    Kodierter Text um Quelltexte anzuzeigen<code>Code</code>Code
    Zitat<cite>Zitat</cite>Zitat
    Kein Hilfetext für das embed-Tag verfügbar.
    Kein Hilfetext für das object-Tag verfügbar.
    Kein Hilfetext für das param-Tag verfügbar.
    Kein Hilfetext für das strike-Tag verfügbar.
    Kein Hilfetext für das caption-Tag verfügbar.
    Kein Hilfetext für das iframe-Tag verfügbar.

    Die meisten Sonderzeichen können problemlos direkt eingegeben werden.

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

    ZeichenbeschreibungEingegebenErgebnis
    Kaufmännisches Und&amp;&
    Größer als&gt;>
    Kleiner als&lt;<
    Anführungszeichen&quot;"
  • To post pieces of code, surround them with <code>...</code> tags. For PHP code, you can use <?php ... ?>, which will also colour it based on syntax.
  • Sie können Fußnoten direkt in Text einfügen mit [fn]Dieser Text wird eine Fußnote.[/fn] Dies wird mit einer laufenden Nummer (der Verweis auf die Fußnote) ersetzt, und der Text innerhalb der [fn] Tags wird an den unteren Rand der Seite (die Fußnote) verschoben.
  • Bilder können zu diesem Beitrag hinzugefügt werden.
  • You may link to files uploaded with the current node using special tags. The tags will be replaced by the corresponding files. For example: Suppose you uploaded three files (in this order):

    • imag1.png (referred as file #1)
    • file1.pdf (referred as file #2)
    • imag2.png (referred as file #3)
    [inline:1=test]  or  [inline:imag1.png=test]
    will be replaced by <img src=imag1.png alt=test>
    [file:1=test]  or  [file:imag1.png=test]
    will be replaced by <a href=imag1.png>test</a>
    [attachment:2=test]  or  [attachment:file1.pdf=test]
    will be replaced by <a href=file1.pdf.png>test</a>

  • Create a Mobile Code using the following format:
    [mobilecode #preset="preset"]content[/mobilecode]
  • If you include a textual smiley in your post (see chart below), it will be replaced by a graphical smiley.
    Smileys
    SmileyAkronyme
    :):) :-) :smile:
    :D:D :-D :lol:
    :bigsmile::bigsmile:
    ;);) ;-) :wink:
    :p:p :-p :tongue:
    :O:O :-O :shock:
    :|:| :-| :stare:
    :(:( :-( :sad:
    :~:~ :-~ :puzzled:
    :((:(( :-(( :cry:
    8)8) 8-) :cool:
    :steve::steve:
    J)J) J-) :crazy:
    :glasses::glasses:
    :party::party:
    :love::love:
    :X:X :-X :oups:
    :8):8) :8-) :shy:
    0:)0:) 0) 0:-) :innocent:
    :*:* :-* :sexy:
    |(|( \( :angry:
    :Sp:Sp :-S) :sick:
    :tired::tired:
    :santa::santa:
    :mail::mail:
    :sushi::sushi:
    :hat::hat:
    H)H) H:) H:-) :grade:
    :ghost::ghost:
    $)$) $-) :cash:
    :crown::crown:
    :davie::davie:
    S)S) S) :drunk:
    >)>) >-) :evil:
    :beer::beer:
    :star::star:
    :arrow::arrow:
    :quest::quest:
    :exmark::exmark:
  • SWF Tools Filter

    Die grundlegende Syntax für die Einbettung einer Flash-Datei (. Swf), Flash-Film (. Flv) oder Audio-Datei (. Mp3) ist:

    [swf file=\"filename.swf\"]

    Wenn Standardeinstellungen von SWF-Tools und Flash Player überschreiben möchten, dann können Sie zusätzliche Parameter definieren. Zum Beispiel:

    [swf file="song.mp3" flashvars="backcolor=#AABBCC&&forecolor=#11AA11"]

    Wenn Sie eine Liste der Dateien ausgeben möchten, dann ist das Format folgendes:

    [swf files="image1.jpg&&image2.jpg&&..."]
    SWF Tools Filter akzeptiert folgende Fassung:
    • params: Sie können die Werte für die Parameter angeben, die an Flash übergeben werden um das Erscheinungsbild der Ausgabe zu steuern. Typische Werte sind bgcolor und wmode. Beispiel: params="wmode=true&&bgcolor="#00FF00" Alternativ können Sie jeden Parameter einzeln ohne params.zu nutzen. Beispiel:wmode="true" bgcolor="#00FF00"
    • flashvars:Geben Sie die Werte für die Ausgabe als flashvars an, die dafür sorgen, dass der Flash-Film abgespielt wird. Dies geschieht häufig, zur Steuerung eines Media-Players. Schauen Sie in der Dokumentation des Flash Players den Sie einsetzen, um die Flashvars und die zugehörigen Optionen nutzen zu können. Beispiel: flashvars="autostart=true&&volume=80"
    • Methoden: Optionale Angaben dazu, wie Sie die Datei anzuzeigen. Die häufigste gemeinsame Nutzung eines bestimmten Media-Players und überschreiben die Standardwerte Beispiel: methods="player=onepixelout_mp3"

    WARNUNG: Mit params, flashvars und othervars werden mehrere Werte getrennt durch && übergeben.

  • Video Filter

    You may insert videos from popular video sites by using a simple tag [video:URL].

    Examples:

    • Single video:
      [video:http://www.youtube.com/watch?v=uN1qUeId]
    • Random video out of multiple:
      [video:http://www.youtube.com/watch?v=uN1qUeId1,http://www.youtube.com/watch?v=uN1qUeId2]
    • Override default autoplay setting: [video:http://www.youtube.com/watch?v=uN1qUeId autoplay:1]
    • Override default width and height:
      [video:http://www.youtube.com/watch?v=uN1qUeId width:X height:Y]
    • Override default aspect ratio:
      [video:http://www.youtube.com/watch?v=uN1qUeId ratio:4/3]
    • Align the video:
      [video:http://www.youtube.com/watch?v=uN1qUeId align:right]

    Supported sites: Archive.org, Blip.tv, Capped, College Humor, DailyMotion, Flickr Slideshows, Flickr Video, Game Trailers, Game Videos, GodTube, Google Video, Meta Cafe, MySpace, Picasa Slideshows, Slideshare, Streamhoster, Teachertube, Vimeo, Wistia, YouTube, YouTube (Playlist).

    Special instructions:

    Some codecs need special input. You'll find those instructions here.
    • Picasa Slideshows:
      You must use the URL of the RSS feed for the Picasa album:
      1. View the album in Picasa (you should see thumbnails, not a slideshow).
      2. Find the "RSS" link and click it.
      3. Copy the resulting URL from the browser address bar. Example:
        [video: http://picasaweb.google.com/data/feed/base/user/USER_NAME/albumid/5568104935784209834?alt=rss&kind=photo&hl=en_US]
    • Slideshare:
      You need to construct your own URL, using the "Wordpress Embed" code from Slideshare, extract the "id", and form the URL like this: slideshare.net/1759622


eilbek
about seo