XHTML Online Lernen - Übung zu "Physische Auszeichnung"


	XHTML Online Lernen

Kurszeiger


	Kursmaterial
	Elementreferenz Attributreferenz Unicode-Zeichentabelle Farbtabelle CSS-Eigenschaften Glossar


	Zum Nachschlagen
	SelfHTML 8.0 W3C-Spezifikationen Editor-Programme Ressourcen im WWW Buch-Tipps

Übung zu "Physische Auszeichnung"

Physische Auszeichnung

Spezielle Elemente

Hier haben Sie noch mehr Gelegenheit, die verschiedenen Schrift-Formatierungen zu üben.

Im Arbeitsbereich ist ein XHTML-Dokument mit Text in Block-Elementen angelegt. Formatieren Sie den Text mit span, b, i, big, small und tt, bis er so angezeigt wird wie im oben abgebildeten Beispiel.

Verwenden Sie diese CSS-Eigenschaften:

font-family
font-size
font-style
font-variant
font-weight
letter-spacing
text-decoration
text-transform
word-spacing
color
background-color

Alle erlaubten Werte können Sie in der Übersicht zu den CSS-Eigenschaften nachschlagen.
Eine Auswahl an CSS-Farbwerten finden Sie in der Farbtabelle.

Physische Auszeichnung

Spezielle Elemente


	Arbeitsbereich

<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD/ XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/TR/xhtml1">
 <head>
 <title>Übung: Physische Auszeichnung mit Inline-Elementen und CSS-Formatierung</title>
 </head>
 <body>
 Schriftformatierung
 Fettschrift, Kursivschrift, Kursiv-Fettschrift
 Größere Schrift, kleinere Schrift, Teletype-Schrift
 Formatierung mit span und Inline-Styles
 Ein Absatz mit einem violetten und einem roten Begriff.
 Ein blauer Absatz mit einem unterstrichenen und einem durchgestrichenen Begriff.
 Ein Absatz mit einem Begriff in Grossbuchstaben und einem Begriff in KLEINBUCHSTABEN.
 Ein Absatz mit kursivem unterstrichenen Text und fettem Text mit engerem Buchstabenabstand.
 Ein Absatz mit Text in 1,5-facher Schriftgröße und einer mit 0,7-facher Schriftgröße.
 Ein Absatz mit Text in Verdana und einem in Courier.
 Ein Absatz mit Text in weiss auf dunkelblauem Hintergrund.
 </body>
</html>