Textformatierung

Überschriften

Überschriften werden in HTML durch definierte Tags beschrieben. So wird gewährleistet, dass die Überschrift auf jedem Monitor im Verhältnis zum Text gleich groß bleibt.

Man unterscheidet der Größe nach: Hx (H=Heading, x=eine Zahlvon 1 bis 6)

<H1>Größte Überschrift </H1>

<H2>Kleiner als H1</H2>

<H3>Kleiner als H2</H3>

<H4>Kleiner als H3</H4> ……..

 

Ausrichtung

Texte, Bilder, Navigation oder Formulare können wie folgt ausgerichtet sein:

• linksbündig
• rechtsbündig
• zentriert

Dies wird mit dem ALIGN-Tag erreicht: <P ALIGN=“LEFT“>

Linksbündigen Text muss man nicht gesondert notieren, da es als Standardeinstellung gilt. Erst bei einer Änderung nach einem zentrierten oder rechtsbündigen Text muss dieser Tag verwendet werden, wenn man wieder Linksbündigkeit herstellen möchte

<div style=“text-align: center;“>Häufig werden Überschriften und Bilder mit diesem Tag zentriert.

<div style=“text-align: right;“>Wer das Besondere mag, kann seinen Text rechtsbündig erscheinen lassen.

<div style=“text-align: justify;“>Mit “Justify” leiten Sie Blocksatz ein.

 

Schriftart und -größe

Die Zahl der unterschiedlichen Schriftarten ist schier unendlich. Allerdings stellt sich die Frage, ob alle Browser diese auch darstellen können. Eine Webseite sollte nicht zu viele verschiedene Schriftarten und zu viele unterschiedliche Schriftgrößen haben.

Die Schriftart sollte zum Textinhalt oder dem Wortlaut passen.

Das Wort Party in der Schiftart Calibri wirkt anders als in der Schriftart Freestyle Script.
Party  vs.  Party

Merke: Eine harmonische Webseite besitzt meist nicht mehr als drei unterschiedliche Schriftarten und Schriftgrößen (im Text).

Schriftarten mit Serifen, den Verzierungen am Anfang und Ende des Buchstabens, erleichtern das Lesen langer Texte, da diese Schnörkel das Auge beim Lesen führen. Serifenschriften sind z.B. Times New Roman oder Courier.

Als Höchstmaß für die Textgröße sollte der Bildschirm eines 15- oder 17-Zoll Monitors bei einer Auflösung von 640*480 Pixel bis 800*600 Pixel als Mindestkonfiguration angenommen werden, um ein angenehmes Lesen der Informationen zu ermöglichen. Für die Darstellung auf Mobiltelefonen und Tablet-PCs müssen wiederum gerätespezifische Mindestgrößen angenommen werden.

Um eine Textformatierung durchzuführen, bedient man sich des <FONT>-Tags innerhalb eines Absatzes. Mit seiner Hilfe lässt sich Schriftart, Größe und Farbe einstellen. Da die Tendenz, das Design weitestgehend durch Cascading Stylesheets zu regeln, hat die Bedeutung des <FONT>-Tags im HTML-Dokument abgenommen.

 

Umsetzung in HTML

• Formatierung eines Textes mit der Schriftart „Times New Roman“
  • <div style=“font-family: Times New Roman;“>Wer noch mehr über Mountainbike wissen möchte, sollte die folgenden Links anklicken.</div></P>
• Relative Veränderung der Schriftgröße um einen Schriftgrad
  • <font size=“+2″>Die Wahl der Schriftgröße ist sehr wichtig.</FONT></P>
• Absolute Angabe der Schriftgröße
  • <font size=5>Die Wahl der Schriftgröße ist sehr wichtig.</FONT></P>

 

 

Schriftschnitt

Fett, Kursiv und Unterstrich

Die genannten Eigenschaften sind so genannte Inline-Elemente. Das bedeutet, dass diese innerhalb eines Absatzes kommen. Sie können niemals einen Absatz einleiten.

• fett = bold = b
• kursiv = italic = i
• unterstrichen = underline = u

Umsetzung in HTML

<P>Die Speisen waren sehr <B>fettig </B>und liegen nun schwer im Magen.</P>, ODER
<P>Das Bild hing <I>schief </I>, weil die Wände <I>schräg </I>waren.</P>, ODER
<P>Was im Text <U>wichtig</U> ist, wurde unterstrichen. </P>