Schriftgrösse im HTML


HTML-Webseite und die Schriftgrösse


Bei der Wahl der Schriftgröße stehen Ihnen zwei Möglichkeiten zur Verfügung: absolut oder relativ. Möchten Sie die Schriftgröße absolut angeben, müssen Sie als Wert eine Zahl von 1 bis 7 mittels des Attributs <size> übergeben (wobei 7 am größten und 1 am kleinsten ist). Bei einer relativen Angabe beziehen Sie sich auf die Standard-Schriftgröße und erhöhen oder verringern diese durch das Voranstellen eines + (Plus) oder eines - (Minus) und der Zahl, um welche die Größe erhöht oder verringert werden soll.

Möchten Sie also die Schriftgröße eines Textes in die absolute Größe 5 umwandeln, müssen Sie das folgende Konstrukt verwenden:


<font size="5">
	Text wird in der Größe 5 dargestellt
</font>

Um die Schriftgröße um eine Stufe zu erhöhen, z. B. von 3 auf 4, würde die Notation folgendermaßen aussehen:


<font size="+1">
	Textgröße wird um 1 erhöht
</font>

Und um den Text beispielsweise um zwei Stufen zu verkleinern, würden Sie Folgendes notieren:


<font size="-2">
	Textgröße wird um 2 verkleinert
</font>


Wechsel des Schriftgrads


Die am weitesten verbreitete Anwendung der <font>-Kennung ist der Wechsel der Schriftgröße bei einem Zeichen, Wort, Ausdruck oder Textabschnitt. Die <font> ... </ font>-Kennungen umschließen den Text, während das size-Attribut den Grad angibt, in dem die Schrift verändert werden soll. Der Wertebereich des size-Attributs erstreckt sich von 1 bis 7, wobei 3 die Voreinstellung ist. Betrachten Sie das folgende Beispiel:


<p>
	Langweilen Sie sich mit Ihrer alten Schrift?
	<font size=5>
	Aendern Sie sie.
	</font>
</p>


Abbildung zeigt die typischen Schriftgrade für jeden Wert von SIZE.

Schriftgrösse im HTML
Schriftgrösse im HTML

Sie können die Schriftgröße innerhalb der <font>-Kennung auch als relativen Wert angeben, indem Sie die + oder -Zeichen als Wert für SIZE einsetzen. Da der Standardwert 3 ist, können Sie die relativen Schriftgrade von -3 bis +4 ändern, so wie hier:


<p>
	Aendern wir den
	<font size=+2>
	Schriftgrad
	</font> wieder.
</p>

Hier wird das Wort "Font" (innerhalb der <font>-Kennungen) um zwei Stufen größer als die ursprüngliche Schrift erscheinen, wenn Sie das Beispiel mit einem Browser betrachten, der dieses Feature unterstützt.

Relative Schriftgrade basieren auf einem Wert, den Sie mit der <basefont>-Kennung definieren können, welche eine Netscape-Erweiterung ist, die nun zu der Spezifikation von HTML 3.2 gehört. Die <basefont>-Kennung hat außerdem das notwendige Attribut size. SIZE kann Werte von 1 bis 7 annehmen. Alle relativen Schriftgradänderungen, die im Dokument nach der <basefont>-Kennung auftreten, werden sich auf deren Wert beziehen.

Versuchen Sie es zu vermeiden, die <font>-Kennung einzusetzen, um den Effekt eines größeren Schriftgrads zu simulieren, den inhaltsbasierte HTML-Kennungen wie Überschriften (<h1>, <h2> usw.) erzeugen, und setzen Sie sie auch nicht dazu ein, ein bestimmtes Wort oder einen Satz hervorzuheben. Wenn Ihr Dokument in einem Browser angesehen wird, der dieses Merkmal nicht unterstützt, verlieren Sie die Schriftgrade, und Ihr Text wird so wie alle anderen Absätze dargestellt werden. Wenn Sie sich jedoch an die inhaltsbasierten Kennungen halten, so wird Ihre Überschrift immer eine Überschrift bleiben. Begrenzen Sie deshalb Ihren Einsatz der <font>-Kennung auf einige wenige Spezialeffekte.


Kontakt

Email: Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein!
Tel : 038305 / 529 799
Erstellt mit HTML5 und CSS3 - © 2024  HTML Lernen
  Zitate bei QuotientQuotables