OBS/Adminhilfe/Artikel: HTML-Befehle für Textformatierung: Unterschied zwischen den Versionen

Aus OBS Wiki
Zur Navigation springen Zur Suche springen
Für diese Seite wurde eine Zugriffsbeschränkung eingerichtet. Falls du diese Nachricht siehst, bist du nicht berechtigt, diese Seite einzusehen.
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 22: Zeile 22:




'''B : Bold tag '''
==='''B : Bold tag '''===


Beispiel: Dies ist ein <B>Beispiel</B>
Beispiel: Dies ist ein <B>Beispiel</B>
Zeile 29: Zeile 29:




'''U : Underline tag'''  
==='''U : Underline tag'''===


Beispiel: Dies ist ein <U>Beispiel</U>
Beispiel: Dies ist ein <U>Beispiel</U>
Zeile 36: Zeile 36:




'''I : Italic tag'''
==='''I : Italic tag'''===


Beispiel: Dies ist ein <I>Beispiel</I>
Beispiel: Dies ist ein <I>Beispiel</I>
Zeile 43: Zeile 43:




'''S : Strikeout tag'''
==='''S : Strikeout tag'''===


Beispiel: dies ist ein <S>Beispiel</S>
Beispiel: dies ist ein <S>Beispiel</S>
Zeile 50: Zeile 50:




'''A : anchor tag'''
==='''A : anchor tag'''===


&lt;A href="Beispiel"&gt;: Link erstellen &lt;/A&gt; : Ende des Links<br />
&lt;A href="Beispiel"&gt;: Link erstellen &lt;/A&gt; : Ende des Links<br />
Zeile 63: Zeile 63:




'''FONT : font specifier tag'''
==='''FONT : font specifier tag'''===


&lt;FONT face="Schriftart" size="Schriftgröße" color="Schriftfarbe" bgcolor="Hintergrundfarbe"&gt;: Änderung des Schriftbilds<br />
&lt;FONT face="Schriftart" size="Schriftgröße" color="Schriftfarbe" bgcolor="Hintergrundfarbe"&gt;: Änderung des Schriftbilds<br />
Zeile 86: Zeile 86:




'''P : paragraph'''
==='''P : paragraph'''===


&lt;P align="Ausrichtung" [bgcolor="Farbwert"]&gt;: Beginn Absatzformation &lt;/P&gt;: Ende der Absatzformation<br />
&lt;P align="Ausrichtung" [bgcolor="Farbwert"]&gt;: Beginn Absatzformation &lt;/P&gt;: Ende der Absatzformation<br />
Zeile 98: Zeile 98:




'''BR : linebreak'''
==='''BR : linebreak'''===


&lt;BR&gt;: Fügt einen Zeilenumbruch ein<br />
&lt;BR&gt;: Fügt einen Zeilenumbruch ein<br />




'''HR : horizontal line'''
==='''HR : horizontal line'''===


&lt;HR&gt;: Fügt einen Zeilenumbruch mit horizontaler Linie ein<br />
&lt;HR&gt;: Fügt einen Zeilenumbruch mit horizontaler Linie ein<br />




'''IND : indent tag'''
==='''IND : indent tag'''===


&lt;IND x="Pixel"&gt;: In Spalte schreiben<br />
&lt;IND x="Pixel"&gt;: In Spalte schreiben<br />
Zeile 115: Zeile 115:




'''IMG : image tag'''
==='''IMG : image tag'''===


&lt;IMG src="Quelldatei" [width="Breite"] [height="Höhe"]&gt;: Bild einfügen<br />
&lt;IMG src="Quelldatei" [width="Breite"] [height="Höhe"]&gt;: Bild einfügen<br />
Zeile 140: Zeile 140:




'''UL : list tag'''
==='''UL : list tag'''===


&lt;UL&gt;: Beginn unsortierte Auflistung  &lt;/UL&gt;: Ende unsortierte Auflistung<br />
&lt;UL&gt;: Beginn unsortierte Auflistung  &lt;/UL&gt;: Ende unsortierte Auflistung<br />
Zeile 150: Zeile 150:




'''LI : list item'''
==='''LI : list item'''===


&lt;LI&gt;: Fügt einen neuen Aufzählungpunkt hinzu<br />
&lt;LI&gt;: Fügt einen neuen Aufzählungpunkt hinzu<br />
Zeile 162: Zeile 162:




'''SHAD : shadow text'''
==='''SHAD : shadow text'''===


&lt;SHAD&gt;: Beginn Schattentext  &lt;/SHAD&gt;: Ende Schattentext<br />
&lt;SHAD&gt;: Beginn Schattentext  &lt;/SHAD&gt;: Ende Schattentext<br />
Zeile 170: Zeile 170:




'''Spezialzeichen (special characters)'''
==='''Spezialzeichen (special characters)'''===
Die Zeichen "&lt;" und "&gt;" sowie "&amp;" werden zum Einleiten von HTML-Befehlen verwendet und daher nicht dargestellt, wenn Sie eingegeben werden. Um Sie trotzdem darstellen zu können gibt es spezielle Befehle:
Die Zeichen "&lt;" und "&gt;" sowie "&amp;" werden zum Einleiten von HTML-Befehlen verwendet und daher nicht dargestellt, wenn Sie eingegeben werden. Um Sie trotzdem darstellen zu können gibt es spezielle Befehle:
{| cellspacing="-1" cellpadding="4"
{| cellspacing="-1" cellpadding="4"

Version vom 18. Oktober 2012, 10:33 Uhr

Dies ist eine zugriffsgeschützte Seite.


Admin-Hilfe

OBS-Administration / Installation
kundenspezifische Anpassungen
OBS Protokolle
Shop-Administration

HTML-Befehle für Textformatierung

Sie können Ihre externen Artikeltexte mit Hilfe von HTML-Befehlen formatieren. Beachten Sie dabei, dass ein Befehl in der Regel von den Zeichen "<" und ">" eingeschlossen wird (z. B. "<B>"). Ausnahmen finden Sie unter Punkt "Spezialzeichen" am Ende der Liste. Desweiteren gibt es, bis auf wenige Ausnahmen, immer einen Anfangsbefehl und einen Endbefehl. Die beiden Befehle gleichen sich in der Regel. Der Endbefehl bekommt zusätzlich aber das Zeichen "/".

Beispiel:

Das Wort "Beispiel" soll in Fettdruck ausgegeben werden. Der Befehl für den Fettdruck lautet "B" und steht für Bold tag. Um das Wort jetzt in Fettdruck auszugeben schreiben Sie vor das Wort "<B>". Nach dem Wort geben Sie dann den Befehl "</B>" ein. Die Zeile sieht dann in etwa so aus:

<B>Beispiel</B>
Ergebnis: Beispiel

Sie können auch zusätzlich das Wort Unterstreichen. Dafür nutzen sie den Befehl U. Die Zeile Ändert sich dann wie folgt:
<b><u>Beispiel</u></b>
Ergebnis: Beispiel

ACHTUNG! Eine Formatierung wird solange beibehalten, bis der Endbefehl eingegeben wurde.

Liste der Befehle

Nachstehend finden Sie die zur Textformatierung gültigen Befehle.


B : Bold tag

Beispiel: Dies ist ein <B>Beispiel</B>

Ausgabe: Dies ist ein Beispiel


U : Underline tag

Beispiel: Dies ist ein <U>Beispiel</U>

Ausgabe: Dies ist ein Beispiel


I : Italic tag

Beispiel: Dies ist ein <I>Beispiel</I>

Ausgabe: Dies ist ein Beispiel


S : Strikeout tag

Beispiel: dies ist ein <S>Beispiel</S>

Ausgabe: Dies ist ein Beispiel


A : anchor tag

<A href="Beispiel">: Link erstellen </A> : Ende des Links

Mit diesem Befehl können Sie einen Link erstellen. Verlinken können Sie eine URL (ftp, http, mailto, file identifier) oder einen Text. Die URL wird hinter "href" mit dem Trenner "=" in Anführungszeichen eingetragen.

  • Beispiele 1:

Klicken Sie <A href="http://www.bergau.de">hier</A>
Ausgabe 1: Klicken Sie hier

  • Beispiele 2:

Senden Sie uns eine <A href="mailto:obs@bergau.de">E-Mail</A>
Ausgabe 2: Senden Sie uns eine E-Mail


FONT : font specifier tag

<FONT face="Schriftart" size="Schriftgröße" color="Schriftfarbe" bgcolor="Hintergrundfarbe">: Änderung des Schriftbilds

Mit dem FONT-Befehl haben Sie die Möglichkeit Ihren Text in Schriftart, -größe, -farbe und Hintergrundfarbe anzupassen.

  • face: Name der Schriftart
  • size: Größe der Schriftart in Pixel
  • color: Schriftfarbe
  • bgcolor : Hintergrundfarbe

Hinweis: Die Farbwerte geben Sie als Hexadezimalwert von "000000" (Schwarz) bis "FFFFFF" (weiß) an. Die ersten beiden Zeichen stehen für den Rotwert, die Mittleren für grün und die letzten Beiden für blau. Je kleiner der Wert eines Farbanteils ist, desto dunkler wird diese Dargestellt

</FONT>: Ende der Schriftanpassung
Beispiel 1: <FONT face="Arial" size="9" color="#000000" bgcolor="#70BBFE">
Dies ist ein Beispiel</FONT> Ausgabe 1: HTMLBEFEHLETEXTFORMATIERUNG 1.jpg

Beispiel 2: <FONT face="Arial Black" size="11" color="#AA0066" bgcolor="#ABABAB">
Dies ist ein Beispiel</FONT> Ausgabe 2: HTMLBEFEHLETEXTFORMATIERUNG 2.jpg


P : paragraph

<P align="Ausrichtung" [bgcolor="Farbwert"]>: Beginn Absatzformation </P>: Ende der Absatzformation

Mit diesem Befehl können Sie die Ausrichtung eines Absatzes festlegen. Zusätzlich kann auch die Hintergrundfarbe festgelegt werden.

Hinweis: Geben Sie die Ausrichtung in Englisch an, also "Left" (linksbündig), "Right" (rechtsbündig) oder "Center" (zentriert)

Beispiel: <P align="right">Dies ist ein Beispiel</P>
Beispiel: <P align="left" bgcolor="#ff0000">Beispiel mit rotem Hintergrund</P>


BR : linebreak

<BR>: Fügt einen Zeilenumbruch ein


HR : horizontal line

<HR>: Fügt einen Zeilenumbruch mit horizontaler Linie ein


IND : indent tag

<IND x="Pixel">: In Spalte schreiben

Diesen Befehl können Sie verwenden um mehrspaltige Texte zu schreiben. Tragen Sie hinter x ein, wie groß der Abstand zum linken Rand sein soll.


IMG : image tag

<IMG src="Quelldatei" [width="Breite"] [height="Höhe"]>: Bild einfügen

Der IMG-Befehl ermöglicht es Ihnen ein Bild einzufügen. Eine Quelldatei muss immer angegeben werden, die Werte Breite und Höhe dagegen sind optionale Einstellmöglichkeiten. Werden Breite und Höhe nicht angegeben werden die Bildmaße verwendet. Um ein Bild auszuwählen tragen Sie hinter scr "file:" und den Dateipfad ein.

Beispiel: <IMG src="file://c:\Beispiele\beispiel_obs.bmp" width="80" height="60"> Ausgabe: HTMLBEFEHLETEXTFORMATIERUNG 3.jpg

SUP/SUB: superscript/subscript tag

<SUP> Beginn hochgestellter Text </SUP> Ende hochgestellter Text

<SUB> Beginn tiefgestellter Text </SUB> Ende tiefgestellter Text

Beispiel 1: Dies ist ein <SUP>Beispiel.</SUP>
Ausgabe 1: HTMLBEFEHLETEXTFORMATIERUNG 4.jpg

Beispiel 2: Dies ist ein <SUB>weiteres</SUB> Beispiel Ausgabe 2: HTMLBEFEHLETEXTFORMATIERUNG 5.jpg

Beispiel 3: Man kann mit diesem Befehl auch Brüche schreiben: <SUP>9</SUP>/<SUB>16</SUB> Ausgabe 3: HTMLBEFEHLETEXTFORMATIERUNG 6.jpg


UL : list tag

<UL>: Beginn unsortierte Auflistung </UL>: Ende unsortierte Auflistung

Mit diesem Befehl legen Sie die Auflistungsebene fest.
Hinweis: Wird zusammen mit dem Befehl <LI> (list item) verwendet

Beispiel: siehe list item


LI : list item

<LI>: Fügt einen neuen Aufzählungpunkt hinzu
Beispiel: <UL><LI>Punkt 1<UL> <LI>Unterpunkt A<LI> Unterpunkt B</UL>< LI>Punkt 2</UL>

Ausgabe: HTMLBEFEHLETEXTFORMATIERUNG 7.jpg


SHAD : shadow text

<SHAD>: Beginn Schattentext </SHAD>: Ende Schattentext

Beispiel: <FONT face="Arial" size="15">Dies ist ein <SHAD>Beispiel</SHAD>.
Ausgabe: HTMLBEFEHLETEXTFORMATIERUNG 8.jpg


Spezialzeichen (special characters)

Die Zeichen "<" und ">" sowie "&" werden zum Einleiten von HTML-Befehlen verwendet und daher nicht dargestellt, wenn Sie eingegeben werden. Um Sie trotzdem darstellen zu können gibt es spezielle Befehle:

Zeichen Befehl
< &lt;
> &gt;
& &amp;
" &quot;<

ACHTUNG! Zwar ist es bei den meisten Befehlen egal, ob diese in Groß- oder Kleinbuchstaben geschrieben werden, jedoch nicht bei den Befehlen für die Zeichen "<" und ">". Diese müssen klein geschrieben werden.