Online HTML-Kurs (Teil 3): Das body-Tag
Für diverse Tags gibt eine Reihe von elementspezifischen Attributen, die der Startmarke mitgegeben werden können. Ebenso gilt dies für das <body>-Tag, bei dem man die Hintergrundfarbe, die Textfarbe, die Farbe von aktiven, benutzten und Standardlinks, sowie ein Hintergrundbild festlegen kann. Es gibt noch eine Menge anderer Elemente, die entweder nur vom Internet Explorer oder vom Netscape Browser unterstützt werden, welche wir aber nicht verwenden wollen, da wir uns an die Richtlinien des W3C (World Wide Web Consortium) (http://de.wikipedia.org/wiki/World_Wide_Web_Consortium) halten wollen.
Dazu ein Beispiel, in dem jede Art von Link seine eigene Farbe hat und zudem eine Hintergrundfarbe definiert wurde:
<html>
<head>
<title>Dies ist der Titel</title>
</head>
<body text="#000000" link="#0000ff" alink="#ff0000" vlink="#bb77ff" bgcolor="#ffffff">
... Inhalt ...
</body>
</html>
Mit diesen Attributen wird der Text nun schwarz dargestellt, die Links blau, ein aktiver Link rot und ein besuchter Link lila. Die Hintergrundfarbe ist weiß. Wie elementspezifische Attribute hier verwendet werden, ist leicht ersichtlich. Erst kommt der Attributname, gefolgt von einem Gleichheitszeichen und der übergebene Wert wird in Anführungsstriche gesetzt. Die Farbe wird dann letztendlich durch eine hexadezimale Angabe der RGB-Farbtafel (Rot-Grün-Blau) mit einem beginnenden # angegeben.
Was es mit den RGB-Farben auf sich hat, erfährt man bei Wikipedia:
http://de.wikipedia.org/wiki/RGB-Farbraum
Farbtabellen mit Hex-Werten finden sich hier:
http://www.wackerart.de/rgbfarben.html
http://www.farb-tabelle.de/de/farbtabelle.htm
Wer statt einer Hintergrundfarbe ein Hintergrundbild verwenden will, der kann folgendes Attribut verwenden:
background="PFAD/BILD.jpg"
Übliche Bildformate sind "jpg" oder "gif", da diese Formate komprimierte Bilddateien darstellen, die kurze Ladezeiten von Homepages über das Internet garantieren und auch von jedem Browser als Bild dargestellt werden können.
Kategorien
HTML , Step-by-Step4 TrackBacks
Folgende Einträge anderer Blogs beziehen sich auf den Eintrag Online HTML-Kurs (Teil 3): Das body-Tag
TrackBack-URL dieses Eintrags: http://www.undertec.de/mt-cgi/mt-tb.cgi/229
Morgen beginnt wie bereits hier im Blog angekündigt der Online HTML-Kurs. Diese Seite soll dazu dienen ein Inhaltsverzeichnis zu allen Kursseiten bereitzustellen. Im Laufe der Zeit wird das Inhaltsverzeichnis ergänzt. Jeder Artikel kann kommentier... Mehr
HTML wäre keine geeignete Sprache für ein Dokument, wenn man nicht auch an Schriftart, Schriftfarbe und Schriftgröße herumspielen könnte. Zu diesem Zweck gibt es das <font>-Tag. Dabei werden alle Einstellungen mit den Attributen vorgenommen. Setz... Mehr
Tabellen sind im Vergleich zu anderen HTML-Elementen etwas schwieriger zu verstehen, da es innerhalb des <table>-Containers noch viele weitere Elemente zur Konstruktion einer schönen Tabelle gibt. Eine sehr einfache Tabelle mit 4 Zellen aufgeteil... Mehr
Nachdem der Weihnachts- und Neujahresstress rum ist und hoffentlich jeder seine Bilanzen, Steuererklärungen und Inventuren durchgeführt hat, fahren wir fort mit dem Online-HTML-Kurs. Im folgenden wollen wir uns den Elementen widmen, die innerhalb einer... Mehr
Jetzt kommentieren