So ändern Sie die Textfarbe in HTML (mit Bildern)

Während Sie die Textfarbe mit dem Tag in HTML ändern können, wird diese Methode in HTML5 nicht mehr unterstützt. Stattdessen verwenden Sie grundlegende CSS, um zu definieren, welche Farbe der Text in verschiedenen Elementen auf Ihrer Seite angezeigt wird. Die Verwendung von CSS stellt sicher, dass Ihre Webseite mit jedem möglichen Browser kompatibel ist.

Schritte

Methode 1 von 2:

Mit CSS

1. Öffnen Sie Ihre HTML-Datei. Der beste Weg, um die Farbe Ihres Textes zu ändern, ist die Verwendung von CSS. Das alte HTML-Attribut wird in HTML5 nicht mehr unterstützt. Die bevorzugte Methode besteht darin, CSS zu verwenden, um den Stil Ihrer Elemente zu definieren.

Diese Methode funktioniert auch mit externen Stylesheets (separate CSS-Dateien). Die folgenden Beispiele sind für eine HTML-Datei mit einem internen Stylesheet.

2. Legen Sie Ihren Cursor in das Tag. Sie definieren Ihre Stile in diesem Tag, wenn Sie ein internes Stylesheet verwenden.

3. Geben Sie ein, um ein internes Stylesheet zu erstellen. Wenn sich das Tag im Tag befindet, wird der CSS im Inneren des Tags auf beliebige anwendbare Elemente auf dieser Seite angewendet. Wenn Sie fertig sind, sollte der Anfang Ihrer HTML-Datei so etwas aussehen:

4. Geben Sie das Element ein, das Sie die Textfarbe ändern möchten. Sie verwenden den Abschnitt, um das Aussehen der verschiedenen Elemente auf Ihrer Seite zu definieren. Um beispielsweise den Stil des gesamten Body-Textes auf Ihrer Seite zu ändern, geben Sie Folgendes ein:

5. Schreib die Farbe: Attribut in den Elementwahlschalter. Das Farbe: Das Attribut sagt der Seite, welche Textfarbe für dieses Element verwendet werden soll. In diesem Beispiel ändert er die Textfarbe aller Bodytext, der Standardelement für alle Text auf Ihrer Seite ist:

6. Geben Sie eine Farbe für den Text ein. Es gibt drei Möglichkeiten, wie Sie eine Farbe eingeben können: Name, Sechskantwert oder den RGB-Wert. Zum Beispiel für die Farbe Blau können Sie eintippen Blau, RGB (0, 0, 255), oder # 0000ff.

7. Fügen Sie andere Selektoren hinzu, um die Farbe verschiedener Elemente zu ändern. Sie können die verschiedenen Selektoren verwenden, um die Farbe Ihres Textes für verschiedene Teile der Seite zu ändern:

8. Definieren Sie eine CSS-Klasse, anstatt ein Element zu ändern. Sie können eine Klasse definieren und dann an jedes Element anwenden, das Sie in der gesamten Seite, um den Klassenstil sofort hinzuzufügen. Beispielsweise in der folgenden Datei die ".edttext" Die Klasse macht jedes Element, das es angewendet hat, um rote Text zu verwenden:

Methode 2 von 2:

Verwenden von Inline-Stilattributen

1. Öffnen Sie Ihre HTML-Datei. Sie können Inline-Stilattribute verwenden, um den Stil eines einzelnen Elements auf Ihrer Seite zu ändern. Dies kann für ein oder zwei schnelle Änderungen des Stils nützlich sein, wird jedoch nicht für den weit verbreiteten Gebrauch empfohlen. Verwenden Sie für umfassende Stiländerungen die vorherige Methode.

2. Finden Sie das Element in der Datei, die Sie ändern möchten. Sie können Inline-Stilattribute verwenden, um die Textfarbe eines Ihrer Elemente zu ändern. Wenn Sie beispielsweise die Textfarbe eines bestimmten Header ändern möchten, finden Sie es in Ihrer Datei:

3. Fügen Sie dem Element das Stilattribut hinzu. Art style ="" Innerhalb des Öffnungs-Tags für das Element, das Sie ändern möchten:

4. Schreib die Farbe: Attribut in der "". Beispielsweise:

5. Geben Sie die Farbe ein, an die Sie den Text ändern möchten. Es gibt drei Möglichkeiten, wie Sie eine Farbe ausdrücken können. Sie können den Namen der Farbe eingeben, Sie können den RGB-Wert eingeben, oder Sie können den Hex-Wert eingeben. Um beispielsweise die Farbe auf Gelb zu ändern, können Sie eintippen Gelb-, RGB (255,255,0)-, oder # FFFF00-:

Tipps

Sie können eine Liste der unterstützten Farbnamen und deren Hex-Werte an sehen http: // w3schools.com / colors / colors_names.Asp

So ändern sie die textfarbe in html

Schritte

Tipps