Inhalt

• Schritte
• Rat
• Warnung

Dieser Artikel zeigt Ihnen, wie Sie die Schriftfarbe in HTML-Dokumenten ändern. Obwohl Schriftart-Tags in HTML veraltet sind, können Sie mit CSS dem Text einer HTML-Seite Farbe hinzufügen. Wenn Sie eine ältere HTML-Version verwenden, können Sie das HTML-Schriftart-Tag nach Bedarf verwenden.

Schritte

Methode 1 von 2: Verwenden Sie HTML-Tags

1. 

   Erstellen Sie Schriftarten-Tags. Kartensatz Vor dem Text möchten Sie die Farbe ändern. Legen Sie die Abschlusskarte ein hinter dem Text.
   • Sowie:
     Dieser Text wird blau sein.

2. 

   
   
   Farbattribute hinzufügen. Einfügen color = "" in die Registerkarte Schriftart öffnen. Die gewünschte Farbe wird in Anführungszeichen angegeben.
   • Beispielsweise:
     color = ""Dieser Text wird blau sein.

3. 

   
   
   Wählen Sie einen Farbnamen. Der Farbname ist immer ein Wort ohne Leerzeichen. Versuchen Sie etwas Einfaches wie "blau" (blau), "rot" (rot) oder einen beschreibenden Namen wie "hellblau" oder "dunkelblau" (dunkelblau). Weitere Optionen finden Sie in der Liste der erkannten Farbschlüsselwörter, die "Kastanienbraun" (dunkelbraun), "Stahlblau" (graugrün) und "Limette" (hellgelb) enthält.
   • Sowie:
     Dieser Text wird blau sein.

4. 

   
   
   Verwenden Sie hexadezimale Farbcodes. Mit HTML können Sie aus Millionen von Farben auswählen, aber nicht alle Farben haben einen Namen. Stattdessen verwenden sie einen sechsstelligen Code, der hexadezimal geschrieben ist. Es gibt viele Websites im Web, auf denen Hex-Farbcodes aufgelistet sind oder auf denen Sie eine Farbe auf dem Bildschirm auswählen und den Hex-Wert anzeigen können. Dieser Code beginnt mit einem # -Zeichen und besteht aus sechs Zeichen, einschließlich der Zahlen 0-9 oder eines Buchstabens A-F.
   • Code # FF0000 steht für die Farbe Rot.
   • Dieser Code erzeugt grünen Text.
   • Dieser Code erzeugt blauen Text.

5. 

   Experimentieren Sie mit RGB-Werten. Sie müssen nicht wissen, wie die Hex-Farbcodierung funktioniert, um einen Online-Farbwähler verwenden zu können. Wenn Sie jedoch die Erfahrung machen möchten, können Sie mit den Grundlagen beginnen:
   • Jeder sechsstellige Code ist in die Werte Rot, Grün (Grün) und Blau ("RGB") unterteilt. Beispielsweise bedeutet der Code # FF0000 "rot: FF grün: 00 blau: 00".
   • Ändern Sie die ersten beiden Zeichen, um die Rotmenge zu ändern. Sie können einen beliebigen Wert von 00 (ohne Rot) bis 99 (leicht rot) oder die Buchstaben AA (rötlich) bis FF (maximale Rotmenge) verwenden.
   • Verwenden Sie dasselbe System, um den Wert in Grün (die mittleren beiden Ziffern) oder Blau (die letzten beiden Ziffern) zu ändern.

6. 

   Erhalten Sie ein tieferes Verständnis der Hex-Farbcodes. Um die richtige Farbe auszuwählen, müssen Sie die folgenden zwei Konzepte kennen:
   • Alle drei Farbwerte sind zweistellig. Wenn Sie weniger Anpassungen vornehmen möchten, ändern Sie einfach die zweite Ziffer. Zum Beispiel sind # 850000 und # 890000 ziemlich ähnlich, und # A50000 wird etwas heller.
   • Kombinierte RGB-Werte entsprechen dem Farbsystem plus. Rot und Grün erzeugen Gelb; blaue und grüne Form Cyan; Rot und Blau ergeben eine burgunderrote Farbe.
   Werbung

Methode 2 von 2: Verwenden Sie ein Inline-CSS-Element

1. 

   Fügen Sie das style-Attribut in das HTML-Tag ein. Eigenschaften style = "" ermöglicht die Verwendung von CSS in HML-Dokumenten. Hier ist eine einfache Möglichkeit, die Schriftfarbe festzulegen, auch wenn Sie sich mit CSS nicht auskennen. Versuchen Sie, das style-Attribut auf eines der HTML-Tags festzulegen:

   • Das p-Tag wird verwendet, um ein Textstück zu identifizieren.

   • Das a-Tag wird verwendet, um einen Link zu erstellen.
   • Verwenden Sie Span-Tags, um einen Teil eines Absatzes einzufärben, ohne die Formatierung zu ändern.

2. 

   Farbbezeichnung. Einfügen Farbe: mit dem Farbnamen oder dem Hexadezimalcode in den Anführungszeichen. Weitere Informationen zu den Namen und Farbcodes finden Sie in der obigen Methode oder in den folgenden Beispielen:
   • Dieser Code besteht aus rotem Text.
   • Dieser Code erzeugt eine dunkelolivgrüne Farbe.
   • CSS unterstützt eine dreistellige Verkürzung. Der Farbcode 745 steht für 774455.

3. 

   Verwenden Sie CSS-Klassen mit häufig verwendeten Schriftarten. Wenn Sie jede Bildunterschrift oder jeden Titel für einen Inhalt auf einer großen Webseite formatieren möchten, müssen Sie nicht den gesamten Code immer wieder eingeben. Definieren Sie stattdessen eine CSS-Klasse am Anfang des Textes, damit Sie die Klasse jedes Mal, wenn Sie diesen Stil verwenden möchten, mit nur einer Kurzschrift aufrufen können. Hier ist ein Beispiel, das einige neue Verwendungen des Stilattributs zeigt:
   • Im Abschnitt Fügen Sie im HTML-Dokument den folgenden Code ein:
     
   • Verwenden Sie als Nächstes im Textkörper das Attribut, um diesen Stil als Element hinzuzufügen. Sowie,

     dieser Absatz

     dunkelgrüne, große Kursivschrift.
   • Beachten Sie, dass Sie ein beliebiges Wort anstelle von "Phantasie" verwenden können, um eine Schrift zu beschreiben.
   Werbung

Rat

• Sie sollten versuchen, Ihre Seite leicht lesbar zu machen. Helle Textfarben sind auf Weiß schwer zu lesen, und dunkle Textfarben sind auf Schwarz schwer zu lesen.
• Ältere Computer zeigen ein Limit von 65.000 Farben an, während ältere Computer ein Limit von 256 Farben anzeigen. Über 99% der Internetnutzer können jedoch die von Ihnen angegebene Farbe sehen.

Warnung

• Das Schriftelement wird vom XHTML 1.0 Strict DTD-Standard nicht unterstützt.