Text-Formatierung mit HTML

Damit eine Artikelbeschreibung gut aussieht, benötigt sie eine Text-Formatierung. Hier erfahren Sie mehr über Techniken, um Ihren Text aufzubessern. Bitte beachten Sie, dass dies nur ein kleiner Ausschnitt eines sehr großen Themas ist.

!! HTML-Kenntnisse sind erforderlich

HTML-Tags zur Formatierung

<br /> Zeilenumbruch
<b> Fett </b>
<u> Unterstrichen </u>
<ul> <li>Stichpunkt</li> </ul>
Bitte beachten Sie, jedes Anfangs-Tag wie z.B. <b> mit einem End-Tag wie z.B. </b> zu schließen

CSS-Tags zur Formatierung

⇒ Alle Style-Elemente gehören in das CSS-Tag: style="color:#00FF00;"
⇒ Dieses gehört widerrum z.B. in eine span oder p - Klasse!
Code
color:#00FF00; ⇒ Farbe #00FF00=Grün
margin:10px; ⇒ Außenabstand von 10 Pixel
padding:10px; ⇒ Innenabstand von 10 Pixel
Beispiele
z.B. <p style="color:#800000;">CSS</p>
z.B. <span style="padding:10px;">CSS</span>

HTML-Symbole

ZeichenCode
&#8658;
&bull;
&#9993;
&#10003;
&#10151;

Beispiel für HTML-Formatierung

HTML
Dieser <b>Text</b> wurde durch <u>HTML</u> und <span style="color:#800000;">CSS</span> formatiert und <br /><br />

sieht nun
    <ul style="margin:10px;">
  • <li>&bull; ganz anders</li>
  • <li>&bull; etwas anders</li>
  • </ul>
aus als normal.


Ausgabe
Dieser Text wurde durch HTML und CSS formatiert und

sieht nun
  • • ganz anders
  • • etwas anders
aus als normal.