Tipps zur Erstellung von Inhalten

  • Zulässige HTML-Tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <p> <br> <blockquote> <h4> <img> <hr>

    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://www.paperbite.de">PaperBite</a>PaperBite
    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>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
    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 <br /> verwendet werden.Text mit <br /> ZeilenumbruchText mit
    Zeilenumbruch
    Blockzitat<blockquote>Blockzitat</blockquote>
    Blockzitat
    Kopfbereich<h4>Untertitel vier</h4>

    Untertitel vier
    Kein Hilfetext für das img-Tag verfügbar.
    Kein Hilfetext für das hr-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;&
    Mehr als&gt;>
    Weniger als&lt;<
    Anführungszeichen&quot;"
  • Zeilenumbrüche und Absätze werden automatisch erkannt. Die Tags für Zeilenumbrüche (<br />) und Absätze (<p></p>) werden automatisch eingefügt. Wenn Absätze nicht erkannt werden, sollten noch einige Leerzeilen eingefügt werden.
  • You can insert footnotes directly into texts with [fn]This text becomes a footnote.[/fn]. This will be replaced with a running number (the footnote reference) and the text within the [fn] tags will be moved to the bottom of the page (the footnote).
  • Internet- und E-Mail-Adressen werden automatisch umgewandelt.

  • Zum Betrachten der Bilder mit Lightbox, fügen Sie das rel="lightbox" Attribut in einen beliebigen Link-Tag hinzu. Zum Beispiel:

    <a href="bild-1.jpg" rel="lightbox">Bild #1</a>

    <a href="bild-1.jpg" rel="lightbox[][ihre beschriftung]">Bild #1</a>

    To show a caption either use the title attribute or put in the second set of square brackets of the rel attribute.

    Wenn Sie zusammengehörige Bilder zu einer Gruppe zusammenfassen wollen, dann müssen Sie einen Gruppennamen in eckigen Klammern in das rel-Attribut einfügen. Zum Beispiel:

    <a href="bild-1.jpg" rel="lightbox[rundreise]">bild #1</a>
    <a href="bild-2.jpg" rel="lightbox[rundreise][beschriftung 2]">bild #2</a>
    <a href="bild-3.jpg" rel="lightbox[rundreise][beschriftung 3]">bild #3</a>

    Es gibt keine Begrenzung für die Anzahl der Bilder pro Seite oder wie viele Bilder in einem Set zulässig sind.

    Wenn Sie die Beschriftung in einen Hyperlink umwandeln möchten, formatieren Sie ihre Beschriftung in folgender Weise:

    <a href="bild-1.jpg" rel='lightbox[][<a href="http://www.ihrlink.de">Bilddetails anschauen</a>]' >Bild #1</a>

  • Typogrify.module brings the typographic refinements of Typogrify to Drupal.
    • Wraps ampersands (the $ldquo;&” character) with <span class=\"amp\">&</span>.
    • Prevents single words from wrapping onto their own line using Shaun Inman's Widont technique.
    • Converts straight quotation marks to typographer's quotation marks, using SmartyPants.
    • Converts multiple hyphens to en dashes and em dashes (according to your preferences), using SmartyPants.
    • Wraps multiple capital letters with <span class=\"caps\">CAPS</span>.
    • Wraps initial quotation marks with <span class=\"quo\"></span> or <span class=\"dquo\"></span>.
    • Adds a css style sheet that uses the <span> tags to substitute a showy ampersand in headlines, switch caps to small caps, and hang initial quotation marks.