Formatierende Tags
Zu einer Zeit, in der es noch keine CSS (cascading style sheets) gab, gab es noch HTML Tags zur Formatierung. Diese sind fast alle als veraltet (deprecated) eingestuft, sie werden aus dem HTML 5 Standard entfernt oder umgestuft und sollen nicht mehr benutzt werden. Vor allem das font-Tag muss aufgegeben werden. Ich möchte es hier nicht vorenthalten, aber nicht ohne wiederholt auf die Notwendigkeit von CSS zu verweisen!
Format Elemente
<i>...</i> <b>...</b> <s>...</s>
Nicht abschaffen liessen sich wegen grosser Beliebtheit die kursiven, fetten und durchstrichenen Textausschnitte.
Dies ist ein unformatierter Satz.
<i>Dieser Satz wurde kursiv (italic) formatiert.</i>
<b>Dieser Satz wurde mit den Tags für fett (bold) formatiert.</b>
<s> Dieser Satz wurde durchgestrichen formatiert. <s>(s kommt von stroke)
<b><i><s>Dieser Satz wurde 3 mal formatiert.</s></i></b>
(Beim Tag verschachteln wird immer der als letzte geöffnete Tag als erster geschlossen.)
<u>...<u>
<u>Dieser Satz wurde unterstrichen formatiert.</u>
'u' wurde aus HTML 5 verbannt, denn es gibt erstens Titel-Tags und zweitens werden Links (das a-Tag) per default unterstrichen dargestellt.
<sup>...<sup> <sub>...</sub>
In diesem Satz wurde <sup>ein Teil höher gestellt</sup> formatiert (super=über).
In diesem Satz <sub>wurde ein Teil tiefer gestellt</sub> formatiert (sub=unter).
Das Hoch- und Tiefstellen ist in HTML 5 weiterhin erlaubt,
ansonsten müsste z.B. bei H2O umständlich ein Span-Tag mit einer Style-Klasse eingefügt werden.
<big>...<big> <small>...</small>
<big>Dieser Satz wurde gross formatiert <big> (aus HTML 5 verbannt).
<small>Dieser Satz wurde klein formatiert.</small>
'small' bleibt in HTML 5 gültig, bekommt aber die Bedeutung von 'Kleingedrucktem' z.B. für AGBs oder Haftungsausschluss.
<tt>...<tt>
<tt>Dieser Satz wurde mit den Monospaced typewritertype formatiert.</tt>
(Aus HTML 5 verbannt, alle Schriftarten werden mit CSS zugeordnet.)
Absätze formatieren
Vor der Etablierung von CSS wurden den Tags noch Stil-Attribute mitgegeben, welche aber nicht mehr verwendet werden sollen. Das Attribut align sah so aus:
<p align="center">Ich wurde zentriert.</p>
Das Attribut 'align' ist veraltet! Formatierungen sollten wirklich Sache von CSS sein,
so könnte das Attribut 'style' hinzugezogen werden:
<p style="text-align:center">Ich bin mit style formatiert!</p>
Das ist zwar regelkonform, aber vermischt doch noch die Stylangabe mit dem HTML-Code.
In allen Tags kann das Attribut style gesetzt werden:
<span style="background-color:PaleGoldenrod">PaleGoldenrod</span>
Solche Codeschnippsel müssen aber umständlich gesucht werden, wenn man sie wieder ändern möchte!
Besser wäre, den Absatz einer Klasse zuzuteilen, welcher durch ein externes CSS gestylt wird.
<p class="komischerabsatz">Ich bin ein komischer Absatz.</p>
Das ist besser, dieser Quellcode enthält keine Formatierungen.
Die Textgestaltung sollte mit CSS erfolgen, nicht mit formatierenden Tags und auch nicht inline mit Attributen.
Am besten erstelle ich ein ganzes Stylesheed, eine ausgelagerte CSS Datei und verknüpfe viele Seiten damit.
Das Verknüpfen geschiet zwischen den <head>...</head> Tags, eine Änderung im Stylesheet ändert Alles in allen verknüpften Dokumenten!
Dies ist die gängigste Technik!
Schrift Format
<font> ...</font>
Das font-Tag ist veraltet und weder HTML 4 strict, noch XHTML und schon gar nicht HTML 5 konform! Ich lasse es aber noch stehen, mal schauen, was die neueren Browser daraus machen.
Schrift-Grösse
size="..."
<font size= >...</font>
Es gibt 7 Font-Grössen die mit dem Tag <font> und dem Attribut size=1 bis 7 bestimmt werden. Die <font> Tags können irgendwo in der Zeile beliebig eingesetzt werden:
1AaBbCcDdEe 2AaBbCcDdEe 3AaBbCcDdEe 4AaBbCcDdEe 5AaBbCcDdEe 6AaBbCcDdEe 7AaBbCcDdEe
Die Grösse 3 ist die default Einstellung, zu der die Schrift nach dem </font> Endtag zurückkehrt.
<font size= +2> Man kann die Grösse auch relativ zur Grösse 3 einstellen. </FONT> (von -3 bis +4)
Es ist sogar möglich die Grundgrösse 3 auf 1 bis 7 zu ändern: <basefont size=2>
<font size=6PIXEL> Nanu, man kann auch gleich die Pixelgrösse eingeben! </font>
Schrift-Typen
face="..."
<font face= >...</font>
Mit dem Tag <font face= "Gibtsnicht,Helvetica,Arial">
lassen sich auch Schrift-Arten vorgeben,
in der Reihenfolge ihrer Nennung durchsucht der Browser seinen Komputer nach der Schrift
und verwendet aus der Aufzählung den ersten Font, den er findet! </font>
Schrift-Farben
color="..."
<font color= >...</font>
Mit dem Attribut color im <font> Opentag lässt sich die Textfarbe variieren (den Farbnamen oder die Farbnummer in Anführungszeichen muss man jedoch nachschlagen):
<font color="Red">... oder <font color="#FF0000">...
Farbangaben werden im Teil CSS behandelt. Dort gibt es eine Farbpalette mit den Webfarben.
Schrift Attribute kombiniert
Blüten des Browserkrieges
Folgende zwei Tags sind nicht XHTML konform und versauen die Valiedierung dieser Seite durch W3C.
<marquee>...</marquee>
Nur der InternetExplorer interpretierte diese auffällige Zeile:
<marquee behavior="alternate" scrollamount="2" scrolldelay="120" width="50%" bgcolor="Palegoldenrod">Coming soon<//marquee>
<blink>...</blink>
Nur der NetscapeNavigator (und in der Nachfolge der MozillaFirefox) interpretierten dieses nervöse Ding.
Check den Code.