Einfache Text- und AbsatzformatierungenHeute lernen wir einfache Möglichkeiten zur Formatierung von Text (Zeichenformatierung) und von Absätzen (Absatzformatierung) kennen. 1. Erweiterung unseres SteckbriefsAUFGABE:Zunächst erweitern wir unseren Steckbrief um mindestens die folgenden Angaben: 2. TextformatierungEs stehen verschiedene HTML-Befehle zur Verfügung, um Textabschnitte zu formatieren. Beispiel:
Anzeige im Browser:
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. AUFGABE:Formatiere in Deinem Steckbrief die Begriffe "Alter, Wohnort, Spitznamen, Lieblingsessen, Lieblingsfach" jeweils einschließlich des Doppelpunktes fett! 3. Absatzformatierung (Ausrichtung)Textabsätze und Überschriften werden linksbündig ausgerichtet, wenn nichts anderes angegeben ist. Man kann einen Textabsatz bzw. eine Überschrift auch zentriert oder rechtsbündig ausrichten. Auch Blocksatz ist möglich. Beispiel:
Anzeige im Browser:
Erläuterung:Durch die Angabe align="center" im einleitenden Tag erreicht man, dass der nachfolgende Textabsatz bzw. die Überschrift zentriert ausgerichtet wird (align = Ausrichtung, center = zentriert). Mit der Angabe align="right" wird der Textabsatz rechts ausgerichtet (right = rechts). Mit align="justify" erhält man Blocksatz für den betreffenden Textabsatz (justify = justieren). Aber nicht alle Browser beherrschen den Blocksatz. AUFGABE:Formatiere in Deinem Steckbrief die Überschrift "zentriert"! 4. Weitere FormatierungsmöglichkeitenMit HTML kann man nahezu alles formatieren. Einige Möglichkeiten findest Du auf den folgenden Seiten:
Farben für Hintergrund, Text und Verweise Probiere einfach verschiedene Formatierungsmöglichkeiten aus und gestalte Deinen Steckbrief nach Deinen Vorstellungen. |