HTML 4 Tag style

von Thomas Salvador, 01.03.2010

Beispiel

Eine kurze aber vollständige Formatierung mit CSS:

<html>
<head>
<title>Style-Test</title>
<style type="text/css"><!--
h1,h2,h3 {font-family:arial,helvetica,sans-serif;}
h1,h2    {font-weight:bold;}
h1       {font-size:180%;}
h2       {font-size:150%;}
h3       {font-size:125%;}
//-->
</style>
</head>
<body>
<h1>Diese Überschrift ist CSS-formatiert</h1>
</div></body>
</html>

Anwendung

Mit <style> bettet man Formatierungen (CSS, cascading style sheets, Formatvorlagen) in das HTML-Dokument ein. Die Beschreibung wird unmittelbar als Inhalt dieses Tags gesetzt.

Hinweise

Möchten Sie den Stil auf mehreren Seiten nutzen – und das ist der Normalfall –, so laden Sie am besten ein sog. externes Style Sheet. Dies geschieht mit <link> und bietet den Vorteil der Gleichmäßigkeit über mehrere Seiten hinweg und der einfacheren Wartbarkeit an genau einer Stelle. Da diese externe Datei ebenso gecached wird, wie das HTML -Dokument und evtl. externe Script Dateien, wird zudem der Datentransfer reduziert und somit die Performance erhöht.
Von der Syntax her unterstützt <style> verschiedene Formatierungssprachen, quasi-Standard ist jedoch CSS.
Historisch bedingt markiert man den Inhalt von Style-Tags (und auch von Scripten) als Kommentar. Heute ist das wohl praktisch überflüssig, schadet aber nicht. Der Effekt ist der, dass dieser Kommentar für einen CSS unterstützenden Browser belanglos ist und ignoriert wird. Ein CSS nicht unterstützender Browser sieht jedoch den (und nur den) HTML-Kommentar, so dass er die Style-Definitionen ignoriert und nicht zu interpretieren versucht.

Attribute

Attribut	Beschreibung
dir	Ausrichtung von Text und Tabellen
lang	Sprache des Elementes
media	Liste der gültigen Medien für Sheet
title	Bezeichnender Titel
type	verwendete Stylespache

Weitere Beispiele und Lösungen

Keine.

Kaffee-
kasse:
1 EUR
3 EUR
5 EUR

Copyright © 1999–2010 Thomas Salvador und brauchbar.de . Alle Rechte vorbehalten. Gehostet bei 1 und 1. Seite erzeugt in 36.26ms.
Reproduktion, ganz oder in Teilen, nur mit schriftlicher Zustimmung von Thomas Salvador. Impressum · Datenschutzerklärung · Kontakt.
Auf diese Seite linken: http://brauchbar.de/html-4-referenz/tag-style .
Beste Englische Lebensversicherung | Lachen ist gesund! | Der Name der Angst