3 Möglichkeiten zur Verwendung von Schriftfarben-Tags in HTML

Inhaltsverzeichnis:

3 Möglichkeiten zur Verwendung von Schriftfarben-Tags in HTML
3 Möglichkeiten zur Verwendung von Schriftfarben-Tags in HTML

Video: 3 Möglichkeiten zur Verwendung von Schriftfarben-Tags in HTML

Video: 3 Möglichkeiten zur Verwendung von Schriftfarben-Tags in HTML
Video: Welche Bilder darf ich wie im Internet nutzen? | WBS - Die Experten 2024, März
Anonim

In diesem wikiHow zeigen wir dir, wie du die Schriftfarbe in deinem HTML-Dokument änderst. Während das HTML-Schriftart-Tag in HTML5 veraltet ist, können Sie CSS verwenden, um dem Text Ihrer HTML-Seite Farbe hinzuzufügen. Wenn Sie mit einer älteren HTML-Version arbeiten, können Sie das HTML-Schriftfarben-Tag nach Bedarf verwenden.

Schritte

Methode 1 von 2: CSS verwenden

122247 1 1
122247 1 1

Schritt 1. Wählen Sie eine Farbe für Ihren Text

Während Sie Grundfarben (z. B. "Rot") zum Einfärben Ihres Textes verwenden können, müssen Sie für nuanciertere Schattierungen einen HTML-Farbgenerator verwenden:

  • Rufen Sie im Webbrowser Ihres Computers https://www.w3schools.com/colors/colors_picker.asp auf.
  • Wählen Sie im Sechseck oben auf der Seite die gewünschte Grundfarbe aus.
  • Scrollen Sie zu dem Farbton, den Sie auf der rechten Seite der Seite verwenden möchten.
  • Beachten Sie den sechsstelligen Code rechts neben der Schattierung.
122247 2 1
122247 2 1

Schritt 2. Öffnen Sie Ihr HTML-Dokument

Dies sollte das Dokument sein, für das Sie die Schriftfarbe ändern möchten.

Wenn Sie noch kein HTML-Dokument haben, erstellen Sie eines, bevor Sie fortfahren

122247 3 1
122247 3 1

Schritt 3. Suchen Sie den Text, den Sie einfärben möchten

Scrollen Sie durch Ihr Dokument, bis Sie den Absatz, die Kopfzeile oder eine andere Textform finden, die Sie einfärben möchten.

122247 4 1
122247 4 1

Schritt 4. Beachten Sie die Tags des Textes

Wenn der Text beispielsweise eine Kopfzeile ist, sehen Sie"

" vor.

122247 5 1
122247 5 1

Schritt 5. Fügen Sie oben im Dokument die Abschnitte "head" und "style" hinzu

Tippe dazu unter dem ""-Tag, drücke auf ↵ Enter, tippe unter dem ""-Tag, drücke zweimal auf ↵ Enter und tippe die schließenden Tags für beide ein. Ihr Endergebnis sollte so aussehen:

     
122247 6 1
122247 6 1

Schritt 6. Geben Sie das Style-Tag "color" ein

Klicken Sie auf das Leerzeichen zwischen den Tags "" und geben Sie den folgenden Code ein (stellen Sie sicher, dass Sie Rot durch Ihren Farbcode ersetzen und"

" mit dem Tag für den Text, den Sie einfärben möchten):


{ Farbe Rot; }

122247 7 1
122247 7 1

Schritt 7. Überprüfen Sie Ihr Dokument

Ihr Seitenkopf sollte ungefähr so aussehen:

     
122247 8 1
122247 8 1

Schritt 8. Vereinheitlichen Sie die Textkörperfarbe

Wenn Sie möchten, dass der gesamte Text Ihres Dokuments dieselbe Farbe hat, geben Sie den folgenden Code mit Ihrer bevorzugten Farbe anstelle von Schwarz ein:

Körper {Farbe: schwarz; }

Methode 2 von 2: Verwenden von HTML-Tags

122247 9 1
122247 9 1

Schritt 1. Wählen Sie eine Farbe für Ihren Text

Während Sie Grundfarben (z. B. "Rot") zum Einfärben Ihres Textes verwenden können, müssen Sie für nuanciertere Schattierungen einen HTML-Farbgenerator verwenden:

  • Rufen Sie im Webbrowser Ihres Computers https://www.w3schools.com/colors/colors_picker.asp auf.
  • Wählen Sie im Sechseck oben auf der Seite die gewünschte Grundfarbe aus.
  • Scrollen Sie zu dem Farbton, den Sie auf der rechten Seite der Seite verwenden möchten.
  • Beachten Sie den sechsstelligen Code rechts neben der Schattierung.
122247 10 1
122247 10 1

Schritt 2. Öffnen Sie Ihr HTML-Dokument

Dies sollte das Dokument sein, für das Sie die Schriftfarbe ändern möchten.

Wenn Sie noch kein HTML-Dokument haben, erstellen Sie eines, bevor Sie fortfahren

122247 11 1
122247 11 1

Schritt 3. Suchen Sie den Text, den Sie einfärben möchten

Scrollen Sie durch Ihr Dokument, bis Sie den Absatz, die Kopfzeile oder eine andere Textform finden, die Sie einfärben möchten.

122247 12 1
122247 12 1

Schritt 4. Fügen Sie das offene Tag "font" hinzu

Klicken Sie direkt links neben dem Text, den Sie einfärben möchten, und geben Sie dann Folgendes ein (stellen Sie sicher, dass Sie Rot durch Ihre bevorzugte Farbe ersetzen):

122247 13 1
122247 13 1

Schritt 5. Schließen Sie das Tag "font"

Klicke auf das Leerzeichen rechts neben dem Ende des auszumalenden Texts und tippe dort ein.

Dieser Text ist rot!

Beispiel-HTML-Code

Image
Image

HTML-Schriftfarbcode

Video - Durch die Nutzung dieses Dienstes können einige Informationen an YouTube weitergegeben werden

Tipps

  • Versuchen Sie, Ihre Seite leicht lesbar zu gestalten. Helle Farben sind auf weißem Hintergrund schwer zu lesen, und dunkle Farben sind auf schwarzem Hintergrund schwer zu lesen.
  • HTML-Farbcodes werden wie folgt aufgeteilt: Die ersten beiden Zeichen beziehen sich auf Rottöne, die zweiten beiden auf Grün und die letzten beiden auf Blau. Sie können alles von "00" bis "99" verwenden, um anzugeben, wie viel von jeder Farbe Sie möchten. die Verwendung von "FF" anstelle einer Zahl ruft die maximale Menge dieser Farbe auf (z. B. "0000FF" wäre so blau wie möglich).
  • Alte Computerbildschirme sind auf etwa 65.000 Farben beschränkt, und sehr alte Bildschirme sind auf 256 begrenzt. Über 99% der Internetbenutzer können jedoch jede von Ihnen angegebene Farbe sehen.

Empfohlen: