Tipps zur Erstellung von Inhalten

Textformate

Klartext

  • Keine HTML-Tags erlaubt.
  • Zeilen und Absätze werden automatisch erkannt. Die Tags für den Zeilenumbruch <br />, den Absatz <p> und den schließenden Absatz </p> werden automatisch eingefügt. Wenn Absätze nicht erkannt werden, fügen Sie einfach einige Leerzeilen ein.
  • Website- und E-Mail-Adressen werden automatisch in Links umgewandelt.

Einfaches HTML

  • Erlaubte HTML-Tags: <br> <p> <strong> <em> <a href> <ul> <ol start> <li>

  • Bilder, Videos, Zitate und so weiter können linksbündig, rechtsbündig oder zentriert ausgerichtet werden. Beispiele:

    • Ein Bild linksbündig ausrichten: <img src="" data-align="left" />
    • Ein Bild zentriert ausrichten: <img src="" data-align="center" />
    • Ein Bild rechtsbündig ausrichten: <img src="" data-align="right" />
    • … und diese Technik kann auch auf andere Elemente angewendet werden: <video src="" data-align="center" />

  • Sie können Bilder, Videos, Blockzitate usw. beschriften. Beispiele:

    • <img src="" data-caption="Dies ist eine Beschriftung" />
    • <video src="" data-caption="Der Drupal-Tanz" />
    • <blockquote data-caption="Dries Buytaert">Drupal ist großartig!</blockquote>
    • <code data-caption="Hello World in JavaScript.">alert("Hello World!");</code>
  • Nur Bilder, die auf dieser Website gehostet werden dürfen in <img>-Tags verwendet werden.

Eingeschränktes HTML

  • Erlaubte HTML-Tags: <br> <p> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id> <cite> <dl> <dt> <dd> <a hreflang href> <blockquote cite> <ul type> <ol type start> <strong> <em> <code> <li>

    Diese Website unterstützt in HTML formatierte Inhalte. Während das vollständige Erlernen von HTML abschreckend sein kann, ist der Erlernen einer kleinen Anzahl von HTML Textauszeichnungen ("tags") sehr einfach. Diese Tabelle führt Beispiele aller zulässigen Tags an.

    Weitere Informationen finden Sie im HTML Living Standard oder verwenden Sie Ihre bevorzugte Suchmaschine, um andere Seiten zu finden, die HTML erklären.

    Tag-Beschreibung Eingegeben Ergebnis
    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 „/“ innerhalb des Tags 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.
    Überschrift <h2>Unter-Überschrift</h2>

    Unter-Überschrift
    Überschrift <h3>Untertitel drei</h3>

    Untertitel drei
    Überschrift <h4>Untertitel vier</h4>

    Untertitel vier
    Überschrift <h5>Untertitel fünf</h5>
    Untertitel fünf
    Überschrift <h6>Untertitel sechs</h6>
    Untertitel sechs
    Zitat <cite>Zitat</cite> Zitat
    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 dt-Tag verfügbar.
    Kein Hilfetext für das dd-Tag verfügbar.
    Anker werden benutzt um Links zu anderen Seiten zu erstellen. <a href="https://gardeniser.eu">Gardeniser</a> Gardeniser
    Blockzitat <blockquote>Blockzitat</blockquote>
    Blockzitat
    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>
    1. Erstes Element
    2. Zweites Element
    Fett <strong>Fett</strong> Fett
    Hervorgehoben <em>Hervorgehoben</em> Hervorgehoben
    Kodierter Text um Quelltexte anzuzeigen <code>Code</code> Code
    Kein Hilfetext für das li-Tag verfügbar.

    Die meisten ungewöhnlichen Zeichen können ohne Probleme direkt eingegeben werden.

    Wenn Probleme auftreten, versuchen Sie Entitäten für HTML-Zeichen zu verwenden. Ein bekanntes Beispiel sieht wie folgt aus: &amp; ein Et-Zeichen und ein Leerzeichen. Eine Vollständige Liste von HTML-Entitäten finden Sie auf der Seite Entitäten Einige der verfügbaren Zeichen sind:

    Zeichenbeschreibung Eingegeben Ergebnis
    kaufm. Und &amp; &
    Größer als &gt; >
    Kleiner als &lt; <
    Anführungszeichen &quot; "
  • Zeilen und Absätze werden automatisch erkannt. Die Tags für den Zeilenumbruch <br />, den Absatz <p> und den schließenden Absatz </p> werden automatisch eingefügt. Wenn Absätze nicht erkannt werden, fügen Sie einfach einige Leerzeilen ein.
  • Website- und E-Mail-Adressen werden automatisch in Links umgewandelt.