Photoshop
Cinema 4d
Fotografie
Weitere Grafiksoftware
HTML / CSS
JavaScript
Flash
PHP
Webserver
Sonstige
Farben und Schriften (HTML Tutorial)
Tutorial erstellt von cinpix, letzte Änderung am 17.07.2007
In diesem Tutorial lernen wir über Farbwerte und wie man sie in der Codierung verwendet.
Auch wird in Beispielen erklärt, wie man Überschriften und Schriftgrößen definiert.
Die Farbe in HTML gibt man durch eine Raute und 6 Werte zwischen 0 und 9 / A und F an.
#FF0000 = Rot
#00FF00 = Grün
#0000FF = Blau
#000000 = Schwarz
#FFFFFF = Weiss
Um eine beliebige Farbe eurer Wahl und deren Wert zu verwenden, könnt ihr im HTML Editor
unter "Farbe einfügen", jene Farbe auswählen und dann im geöffneten Dokument direkt einfügen.
Wenn ihr einmal schnell einen bestimmten Farbwert benötigt, findet ihr auch im Internet eine
große Anzahl an umfangreichen Farbtabellen.
Nun zeige ich euch anhand eines Beispiels, wie man mit den Farbwerten die Farbe des Hintergrundes
und der Schrift verändern kann. Startet dafür den HTML Editor Phase 5.3, öffnet ein neues Dokument
und drückt auf den Button "Leeres Dokument erstellen"!
Gebt folgendes in euer Dokument ein:
Code:
Speichert das Dokument und schaut euch eure Arbeit an.
Hier habt ihr eine kleine Übersicht, welche Angabe wozu dient:
text = Textfarbe
bgcolor = Hintergrundfarbe
link = Farbe für Verweise zu noch nicht besuchten Seiten
vlink = Farbe für Verweise zu bereits besuchten Seiten
alink = Farbe für gerade angeklickten Verweise
(Verweise werden im nächsten Tutorial erklärt)
Die Überschrift gibt man mit dem offenen Tag <h[1-6]> und dem geschlossenen Tag
</h[1-6]> an, wobei die Zahl 1 für die größte und 6 für die kleinste Überschrift gilt.
Die Schriftgröße kann man auch durch folgenden Befehl verändern:
<font size=1/2/3/4/5/6/7>Text</font>
Freundliche Grüße!
>> Allgemeine Fragen oder Probleme mit dem Tutorial? Hier gehts zum Forum!
Auch wird in Beispielen erklärt, wie man Überschriften und Schriftgrößen definiert.
Die Farbe in HTML gibt man durch eine Raute und 6 Werte zwischen 0 und 9 / A und F an.
#FF0000 = Rot
#00FF00 = Grün
#0000FF = Blau
#000000 = Schwarz
#FFFFFF = Weiss
Um eine beliebige Farbe eurer Wahl und deren Wert zu verwenden, könnt ihr im HTML Editor
unter "Farbe einfügen", jene Farbe auswählen und dann im geöffneten Dokument direkt einfügen.
Wenn ihr einmal schnell einen bestimmten Farbwert benötigt, findet ihr auch im Internet eine
große Anzahl an umfangreichen Farbtabellen.
Nun zeige ich euch anhand eines Beispiels, wie man mit den Farbwerten die Farbe des Hintergrundes
und der Schrift verändern kann. Startet dafür den HTML Editor Phase 5.3, öffnet ein neues Dokument
und drückt auf den Button "Leeres Dokument erstellen"!
Gebt folgendes in euer Dokument ein:
Code:
<html>
<head>
<title>Meine Website</title>
</head>
<body text = #FF0000 bgcolor = #000000 link = #FF8000 vlink = # E76618 alink = #E76618>
<h2>Hello World</h2>
Herzlich Willkommen auf meiner kleinen Website!
</body>
</html>
<head>
<title>Meine Website</title>
</head>
<body text = #FF0000 bgcolor = #000000 link = #FF8000 vlink = # E76618 alink = #E76618>
<h2>Hello World</h2>
Herzlich Willkommen auf meiner kleinen Website!
</body>
</html>
Speichert das Dokument und schaut euch eure Arbeit an.
Hier habt ihr eine kleine Übersicht, welche Angabe wozu dient:
text = Textfarbe
bgcolor = Hintergrundfarbe
link = Farbe für Verweise zu noch nicht besuchten Seiten
vlink = Farbe für Verweise zu bereits besuchten Seiten
alink = Farbe für gerade angeklickten Verweise
(Verweise werden im nächsten Tutorial erklärt)
Die Überschrift gibt man mit dem offenen Tag <h[1-6]> und dem geschlossenen Tag
</h[1-6]> an, wobei die Zahl 1 für die größte und 6 für die kleinste Überschrift gilt.
Die Schriftgröße kann man auch durch folgenden Befehl verändern:
<font size=1/2/3/4/5/6/7>Text</font>
Freundliche Grüße!
>> Allgemeine Fragen oder Probleme mit dem Tutorial? Hier gehts zum Forum!
