Einfache Text- und Absatzformatierungen

Zurück zur Übersicht

Heute lernen wir einfache Möglichkeiten zur Formatierung von Text (Zeichenformatierung) und von Absätzen (Absatzformatierung) kennen.

1. Erweiterung unseres Steckbriefs

AUFGABE:

Zunächst erweitern wir unseren Steckbrief um mindestens die folgenden Angaben:
Wohnort, Spitznamen, Lieblingsessen, Lieblingsfach.
Gib dazu in jeweils einer neuen Zeile die weiteren Angaben als neuen Absatz zwischen <p> und </p> ein.

2. Textformatierung

Es stehen verschiedene HTML-Befehle zur Verfügung, um Textabschnitte zu formatieren.

Beispiel:

<b>Fetter Text</b> und normaler Text

Anzeige im Browser:

Fetter Text und normaler Text

Erläuterung:

Am Anfang des Textbereichs, der hervorgehoben werden soll, wird ein einleitendes Tag (zum Beispiel das Tag <b>) eingefügt. Am Ende des gewünschten Textbereichs wird ein entsprechendes Abschluss-Tag eingefügt (zum Beispiel das Tag </b>). Keines dieser HTML-Tags erzeugt einen eigenen Absatz, d. h. es handelt sich um reine Textformatierungen.

Folgende HTML-Tags stehen zur Verfügung für Textformatierungen:

<b>....</b> bewirkt fett ("bold") formatierten Text: Beispieltext.
<i>....</i> bewirkt kursiv ("italic") formatierten Text: Beispieltext.
<u>....</u> bewirkt unterstrichenen ("underline") Text: Beispieltext.
<sup>....</sup> bewirkt hochgestellten ("super") Text: Beispieltext.
<sub>....</sub> bewirkt tiefgestellten ("sub") Text: Beispieltext.

AUFGABE:

Formatiere in Deinem Steckbrief die Begriffe "Alter, Wohnort, Spitznamen, Lieblingsessen, Lieblingsfach" jeweils einschließlich des Doppelpunktes fett!
Speichere Deine HTML-Datei ab und kontrolliere im Browser (Aktualisieren!), ob Du das gewünschte Ergebnis erreicht hast!

Zurück zur Übersicht



 © 2018 - Christian Bauer - cn.bauer@gmx.de