So ändern Sie die Textfarbe in HTML

Was Sie wissen sollten

  • Fügen Sie dem Tag ein Style-Attribut hinzu: style="Farbe: #FFFFFF"
  • Fügen Sie dem HTML einen Stilabschnitt hinzu.
  • Erstellen Sie ein separates CSS-Stylesheet: Farbe: #FFFFFF;

In diesem Artikel wird erläutert, wie Sie Textfarben in angeben HTML mit drei verschiedenen Methoden. Außerdem wird erläutert, wie Sie die gewünschten Farben für Ihren Text festlegen können.

3 Möglichkeiten, Farben anzugeben

In HTML können Farben auf verschiedene Arten angegeben werden:

  • Am einfachsten ist es mit einem Englischer Farbname sowie Grün oder cyan. Wenn Ihre Aufgabe einfach ist, kann dies den Zweck erfüllen, aber beachten Sie, dass das Vokabular von HTML in dieser Hinsicht begrenzt ist.
  • Ein anderer Ansatz ist die Einstellung eines RGB-Farbwert, wobei drei Größen angegeben werden, jeweils eine für die Intensität der zusammengesetzten Farbe von Rot, Grün bzw. Blau. Verwenden Sie RGB-Farbwerte, um die Schattierung einer Standardfarbe anzupassen oder den genauen Wert für den gewünschten Farbton zu verwenden.
  • instagram viewer
  • Sie können a. liefern Hex-Farbwert, das ist ein Rautezeichen gefolgt von einer sechsstelligen Hexadezimalzahl. Wenn Sie mit Ihren Farben präziser werden möchten, gehen Sie diesen Weg.

Programme, die Sie zum Ändern von HTML-Farben benötigen

Das absolute Minimum an Toolkit zum Optimieren der Textfarbe in HTML ist a Programm zum Bearbeiten des HTML selbst und einen Browser zum Testen. Sie können HTML in einem Texteditor bearbeiten, einem einfachen Programm wie z Notizblock die reinen Text schreibt, oder in einem Code-Editor, der für die Verarbeitung von Programmiersyntax optimiert ist. Sie können kein Textverarbeitungsprogramm wie Microsoft Word, LibreOffice oder Google Docs verwenden, da diese Programme unsichtbare Formatierungen namens. einfügen Steuerzeichen die mit HTML nicht kompatibel sind.

Jeder Webbrowser kann die HTML-Datei anzeigen, die Sie untersuchen möchten. Gehen Sie zu dem Ordner, der die HTML-Datei enthält, und klicken Sie darauf, und Ihr Browser sollte sie rendern. Wenn nicht, klicken Sie mit der rechten Maustaste auf die Datei und öffnen Sie sie in einem Browser.

Methode 1: Umbrechen des Texts in Tags mit Farbgestaltung

Die einfachste Technik zum Einfärben von Text ist das Hinzufügen des Stil Attribut und gewünschter Wert, zusammengesetzt aus den Farbe Schlüsselwort- und Farbspezifikation (der Hexadezimalcode, RGB-Code oder Name) an das HTML-Tag, das den Zieltext umschließt.

Wenn Sie Text anpassen möchten, der bereits in ein Tag eingeschlossen ist, z. B. ein Absatz-Tag, gehen Sie zum öffnenden Tag und fügen Sie Folgendes vor der schließenden eckigen Klammer ein: a Platz, das Wort Stil, ein Gleichheitszeichen und dann, alles in einem Satz von Anführungszeichen, die Farbe Stichwort, Doppelpunkt, Platz und die gewünschte Farbspezifikation.

Code-Editor mit HTML und hervorgehobenen Abschnitten links und einer HTML-Vorschau und hervorgehobenen Ergebnissen rechts

Wenn der Text, den Sie ändern, nicht zwischen Tags eingeklemmt ist, möchten Sie vielleicht nur einen Teil des Textes anpassen, der ein element — wickeln Sie es in span-Tags ein und fügen Sie das style-Attribut mit dem Schlüsselwort color value und der Spezifikation wie oben hinzu.

Code-Editor mit HTML und hervorgehobenen Abschnitten links und einer HTML-Vorschau und hervorgehobenen Ergebnissen rechts

Methode 2: Fügen Sie einen Stilabschnitt in der Kopfzeile des HTML-Dokuments hinzu

In dem.

Die HTML-Tag-Namen hier sind die gleichen wie die im

Abschnitt, aber ohne die spitzen Klammern. Zum Beispiel die.

angegeben unter.

Code-Editor mit HTML und hervorgehobenen Abschnitten links und einer HTML-Vorschau und hervorgehobenen Ergebnissen rechts

Sie können HTML jedoch auch nach Klasse formatieren, was wie ein Label ist, das auf ausgewählte Instanzen eines Tags innerhalb der. angewendet wird

Sektion. Zum Beispiel, wenn Sie nur eine bestimmte möchten.

um bunt zu sein, erstellen Sie eine Klasse mit einem benutzerdefinierten Namen mit vorangestelltem Punkt in der.

Code-Editor mit HTML und hervorgehobenen Abschnitten links und einer HTML-Vorschau und hervorgehobenen Ergebnissen rechts

Methode 3: Erstellen und verknüpfen Sie ein separates CSS-Dokument

Der organisierteste Weg, um die Textfarbe und eine unendliche Auswahl anderer Stile festzulegen, besteht darin, einen separaten CSS-Stylesheet und im HTML-Dokument darauf verlinken.

Platzieren Sie Ihre Stile, formatiert wie in a.

Code-Editor mit HTML und hervorgehobenen Abschnitten links und einer HTML-Vorschau und hervorgehobenen Ergebnissen rechts sowie einem CSS-Bearbeitungsfeld mit hervorgehobenen Abschnitten unten