HTML 4 - Fortgeschrittene

Aufgabe 1
Nicht jedes Betriebssystem besitzt die angegebenen Schriften (siehe Erläuterungen der Firma Microsoft).

Geben Sie daher immer alternative Schriften an:

font-family:Verdana,Arial,sans-serif;

Schriftnamen mit Leerzeichen, wie Courier New, sind immer in Anführungszeichen zu setzen:

font-family:"Courier New",Courier,monotype;

 

Aufgabe 2
Die Angabe der Schriftformatierung über die Kurzform font: beinhaltet die Angaben:

font: font-style font-variant font-weight font-size font-family line-height;

Diese Reihenfolge muss immer eingehalten werden, jedoch müssen nicht alle Angaben getätigt werden. Wird eine Schriftformatierung weggelassen, verwendet der Browser die Standardeinstellungen.

font:10pt 'Courier New',Courier,monotype;
  font-style=normal
  font-variant=normal
  font-weight=normal
  line-height=normal

 

Bei einer vererbten Klasse, werden die Angaben der übergeordneten Klasse übernommen.

p {font:italic small-caps 500 10pt 'Courier New',Courier,monotype 150%;}

p.zwei {font:10pt 'Courier New',Courier,monotype;}
  font-style=italic
  font-variant=small-caps
  font-weight=500
  line-height=150%

 

Aufgabe 3
Individuelle Lösung

 

Aufagbe 4
Laut den typografischen Bestimmungen für gedruckte Unterlagen soll der Zeilenabstand mindestens 120% der Schrifthöhe entsprechen.

Bei Web-Seiten, die am Bildschirm betrachtet werden, ist ebenfalls von einem solchen Abstand auszugehen.
Ist die Breite einer Zeile jedoch zu lang, sollte man einen größeren Zeilenabstand, bspw. 150%, verwenden, um den Lesefluss nicht zu stören.

 

Aufgabe 5
Individuelle Lösung

 

Lösung Kapitel 4, Übung 6
Individuelle Lösung