Style-Angaben im Head
Separate Style-Datei einbinden
Style-Angaben im HTML-Tage
Style-Angaben im <span>-Tag
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> |
|