Style-Angaben im <head>
Ein Bereich für Style-Angaben kann mittels des <style>-Tag im <head>-Bereich des HTML-Dokuments definiert werden.
Als zwingendes Attribut legt das type-Attribut im <style>-Tag den Style-Sheet-Typ fest.
Die Kommentarzeilen verbergen die Style-Angaben vor alten Browsern, die diese sonst als auszugebenden Text interpretieren würden.
|
<head>
<title>...<title>
<style type="text/css">
<!--
Style-Angaben
//-->
</style>
</head>
|
<style type="">
</style>
|
type="MIME-Type"
|
Separate Style-Datei einbinden
Style-Angaben können in einer separaten Datei *.css gespeichert werden.
Style-Dateien können für verschiene Ausgabemedien verwendet werden.
Um eine *.css Datei in ein
HTML-Dokument einzubinden wird ein spezielles <link>-Tag im <head>-Bereich des Dokuments verwendet.
|
<head>
<title>...<title>
<link
rel="stylesheet"
type="text/css"
href="styleDatei.css">
</head>
|
<link rel="" type="" href="">
|
rel="Bezug"
type="MIME-Type"
href="Pfadangabe"
media="print|screen|aural"
|
Style-Angaben im HTML-Tag
Das Universal-Attribut style kann in vielen HTML-Befehlen verwendet werden.
|
<h1 style="font-family:Verdana;">...</h1>
<p style="color:#ff0000; font-size:12px;>...</p>
<a href="x.htm" style="text-decoration:none;">
...
</a>
|
Style-Angaben mit <span>
Für Bereiche, in denen man Style-Angaben benötigt, die jedoch keinem herkömmlichen HTML-Tag zugeordnet sind.
Das <span>-Tag beinhaltet keine eigene Formatierung, sondern spannt lediglich einen Bereich für Style-Formatierungen mit dem style-Attribut.
|
<p>
In diesem
<span style="color:red;">
Textabsatz
</span>
werden einzelne Textstellen mit Hilfe des span-Tags
<span style="font-size:24px; font-weight:bold; color:green">
formatiert
</span>
</p>
|