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
| Zeichen | Code |
| ⇒ | ⇒ |
| • | • |
| ✉ | ✉ |
| ✓ | ✓ |
| ➧ | ➧ |
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
sieht nun
- <ul style="margin:10px;">
- <li>• ganz anders</li>
- <li>• etwas anders</li> </ul>
Ausgabe
Dieser Text wurde durch HTML und CSS formatiert und
sieht nun
sieht nun
- • ganz anders
- • etwas anders