Tipps zur Erstellung von Inhalten

Einfaches HTML

• Erlaubte HTML-Tags: <a href hreflang class data-dialog-options data-dialog-type data-dialog-renderer> <em> <strong> <dfn class tabindex title> <button class disabled> <blockquote cite> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id> <p> <br> <span> <img src alt height width data-entity-type data-entity-uuid data-align data-caption> <table> <caption> <tbody> <thead> <tfoot> <th> <td> <tr>

  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 sind in den HTML-Spezifikationen des W3C verfügbar. Es kann auch eine Suchmaschine verwendet werden um andere Seite ausfindig zu machen, die die Verwendung von HTML erklären.

  Tag-Beschreibung	Eingegeben	Ergebnis
  Anker werden benutzt um Links zu anderen Seiten zu erstellen.	<a href="http://civilprotection.solutions">Portfolio of CDM Gaps, Solutions and Trials</a>	Portfolio of CDM Gaps, Solutions and Trials
  Hervorgehoben	<em>Hervorgehoben</em>	Hervorgehoben
  Fett	<strong>Fett</strong>	Fett
  Kein Hilfetext für das dfn-Tag verfügbar.
  Kein Hilfetext für das button-Tag verfügbar.
  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>	Erstes Element Zweites Element
  Kein Hilfetext für das li-Tag verfügbar.
  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.
  Überschrift	<h2>Untertitel</h2>	Untertitel
  Ü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
  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.
  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
  Kein Hilfetext für das span-Tag verfügbar.
  Kein Hilfetext für das img-Tag verfügbar.
  Tabelle	<table> <tr><th>Tabellenkopf</th></tr> <tr><td>Tabellenzelle</td></tr> </table>	Tabellenkopf Tabellenzelle
  Kein Hilfetext für das caption-Tag verfügbar.
  Kein Hilfetext für das tbody-Tag verfügbar.
  Kein Hilfetext für das thead-Tag verfügbar.
  Kein Hilfetext für das tfoot-Tag verfügbar.
  Kein Hilfetext für das th-Tag verfügbar.
  Kein Hilfetext für das td-Tag verfügbar.
  Kein Hilfetext für das tr-Tag verfügbar.

  Die meisten ungewöhnlichen Buchstaben 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	&	&
  Größer als	>	>
  Kleiner als	&lt;	<
  Anführungszeichen	&quot;	"

• 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.