logo

So ändern Sie die Textfarbe in HTML

In HTML können wir die Farbe eines beliebigen Textes auf folgende Weise ändern:

  1. Verwendung eines HTML-Tags
  2. Verwendung eines Inline-Stilattributs
  3. Verwendung von internem CSS

1. Verwendung eines HTML-Tags

Hinweis: HTML 5 unterstützt das Farbattribut der Schriftart nicht, daher müssen wir das Inline-Stilattribut und interne CSS-Optionen verwenden, um die Farbe eines Textes zu ändern.

Wenn wir die Farbe eines Textes mithilfe eines HTML-Tags ändern möchten, der auf einer Webseite angezeigt werden soll, müssen wir die unten aufgeführten Schritte ausführen. Mit diesen Schritten können wir die Farbe jedes Textes ganz einfach ändern:

Schritt 1: Zuerst müssen wir den HTML-Code in einen beliebigen Texteditor eingeben oder die vorhandene HTML-Datei in dem Texteditor öffnen, in dem wir ihn verwenden möchten HTML-Tag .

Logik 1. Ordnung
 Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html 

Schritt 2: Bewegen Sie nun den Cursor an den Anfang des Textes, dessen Farbe wir ändern möchten. Geben Sie dann den leeren HTML-Code ein Tag an dieser Position.

 Single Line text and statements 

Schritt 3: Dann müssen wir das Font-Tag am Ende des Textes schließen, dessen Farbe wir ändern möchten.

 Single Line text and statements 

Schritt 4: Jetzt müssen wir das Attribut des Schriftart-Tags hinzufügen, dessen Name „ Farbe '. Geben Sie also Folgendes ein Farbe Attribut innerhalb des Starts Etikett. Und dann müssen wir die Farbe angeben, die wir für den Text verwenden möchten. Geben Sie also den Namen der Farbe ein Farbattribut wie im folgenden Block beschrieben.

 Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html 
Testen Sie es jetzt

Schritt 5: Und schließlich müssen wir den HTML-Code im Texteditor speichern und den Code ausführen. Nach der Ausführung sehen wir die Ausgabe im Browser. Der folgende Screenshot zeigt die Ausgabe des obigen HTML-Codes:

So ändern Sie die Textfarbe in HTML

2. Verwendung eines Inline-Style-Attributs

Wenn wir die Farbe eines Textes mithilfe eines Inline-Stilattributs ändern möchten, der auf einer Webseite angezeigt werden soll, müssen wir die unten aufgeführten Schritte ausführen. Mit diesen Schritten können wir die Textfarbe ganz einfach ändern.

Schritt 1: Zuerst müssen wir den HTML-Code in einen beliebigen Texteditor eingeben oder die vorhandene HTML-Datei in dem Texteditor öffnen, in dem wir das Stilattribut zum Ändern der Farbe eines Textes verwenden möchten.

 Change color using style attribute This page helps you to understand how to change the color of a text. And, this section helps you to understand how to change the text color using the style attribute. 

Schritt 2: Bewegen Sie nun den Cursor an den Anfang des Textes, dessen Farbe wir ändern möchten. Geben Sie dann die Inline-Eingabe ein Stil Attribut innerhalb eines beliebigen Elements. Hier verwenden wir die

(Absatz)-Tag:

Beliebiger Text

Schritt 3: In diesem Schritt müssen wir einen Farbnamen als Wert angeben. Wir können den Farbnamen in drei Formen angeben:

zip-Befehl unter Linux
  1. Wir können den Namen einer Farbe eingeben
  2. Wir können auch den RGB-Wert einer Farbe eingeben
  3. Wir können auch den Hexadezimalwert einer Farbe eingeben.

Schritt 4: Anschließend müssen wir das Element am Ende des Textes schließen, dessen Farbe wir ändern möchten.

Beliebiger Text

Schritt 4: Und schließlich speichern Sie den HTML-Code, der die Textfarbe ändert, mithilfe des CSS-Stilattributs.

 Change color using style attribute <p> This page helps you to understand how to change the color of a text. </p> <p> And, this section helps you to understand how to change text color using style attribute. </p> 
Testen Sie es jetzt

Die Ausgabe des obigen Codes ist im folgenden Screenshot dargestellt:

So ändern Sie die Textfarbe in HTML

2. Verwenden von internem CSS

Wenn wir die Farbe eines Textes mithilfe eines internen Cascading Stylesheets ändern möchten, der auf einer Webseite angezeigt werden soll, müssen wir die unten aufgeführten Schritte ausführen. Mit diesen Schritten können wir die Textfarbe ganz einfach ändern.

Schritt 1: Zunächst müssen wir den HTML-Code in einen beliebigen Texteditor eingeben oder die vorhandene HTML-Datei in dem Texteditor öffnen, in dem wir das interne CSS zum Ändern der Farbe eines Textes verwenden möchten.

 Change color using Internal CSS This page helps you to understand how to change the color of a text. In this Section, we used the internal CSS for changing the text color. 

Schritt 2: Jetzt müssen wir den Cursor im Head-Tag des HTML-Dokuments platzieren und dann die Stile darin definieren Tag, wie im folgenden Block gezeigt. Und geben Sie dann Folgendes ein Farbe Attribut in den Elementselektor ein.

 Body { color:orange; } p { color:green; } 

Schritt 3: Jetzt müssen wir den definierten Elementselektor vor dem Text eingeben, dessen Farbe wir ändern möchten.

Zeichenfolge JSON Java
 Change color using Internal CSS Body { color:orange; } p { color:green; } This page helps you to understand how to change the color of a text. <p> In this Section, we used the internal CSS for changing the text color. </p> 
Testen Sie es jetzt

Die Ausgabe des obigen HTML-Codes wird im folgenden Screenshot angezeigt:

So ändern Sie die Textfarbe in HTML