HTML video tutorial - 19 - html font tag



Community Tested

Why choose wikiHow?
When you see the green checkmark on a wikiHow article, you know that the article has received careful review. In this case, we tested the instructions on our own devices and confirmed that the instructions worked.

How to Use Font Color Tags in HTML

Three Methods:

This wikiHow teaches you how to change font color in your HTML document. While the HTML font tag is obsolete in HTML5, you can use CSS to add color to your HTML page's text. If you're working with an older version of HTML, you can use the HTML font color tag as needed.

Steps

Using CSS

  1. Pick a color for your text.While you can use basic colors (e.g., "red") to color your text, you'll need to use an HTML color generator for more nuanced shades:
    • Go to in your computer's web browser.
    • Select the base color you want to use in the hexagon at the top of the page.
    • Scroll to the shade you want to use on the right side of the page.
    • Note the six-character code to the right of the shade.
  2. Open your HTML document.This should be the document for which you want to change the font color.
  3. Find the text you want to color.Scroll through your document until you find the paragraph, header, or other form of text that you want to color.
  4. Note the text's tags.For example, if the text is a header, you'll see "<h1>" in front of it.
  5. Add the "head" and "style" sections to the top of the document.You'll do this by typing<head>below the "<html>" tag, pressingEnter, typing<style>below the "<head>" tag, pressingEntertwice, and typing in the closing tags for both. Your end result should look like this:
    <!DOCTYPE html> <style> <style>
  6. Enter the "color" style tag.Click the space between the "<style></style>" tags, then enter the following code (making sure to replaceredwith your color code and "<h1>" with the tag for the text you want to color):
    <h1 color
  7. Review your document.Your page header should look something like this:
    <!DOCTYPE html> <style> { color: red; } <style>
  8. Unify the body text color.If you want to make all of your document's body text the same color, enter the following code with your preferred color substituted forblack:
    body colorblack

Using HTML Tags

  1. Pick a color for your text.While you can use basic colors (e.g., "red") to color your text, you'll need to use an HTML color generator for more nuanced shades:
    • Go to in your computer's web browser.
    • Select the base color you want to use in the hexagon at the top of the page.
    • Scroll to the shade you want to use on the right side of the page.
    • Note the six-character code to the right of the shade.
  2. Open your HTML document.This should be the document for which you want to change the font color.
  3. Find the text you want to color.Scroll through your document until you find the paragraph, header, or other form of text that you want to color.
  4. Add the open "font" tag.Click immediately left of the text you want to color, then type in the following (making sure to replaceredwith your preferred color):
    <fontcolor"red">
  5. Close the "font" tag.Click the space to the right of the end of the text you're coloring, then type</font>there.
    <fontcolor"red">This text is red!<font>

Sample HTML Code

Community Q&A

Search
  • Question
    How do I use a color codes?
    wikiHow Contributor
    Community Answer
    You can use hex codes (e.g. #ff00ff), rgb codes (e.g. rgb(255,100,309) ), or web safe colors (colors that are just their name like 'red' or 'black'). You can use colorhexa.com to get color codes.
    Thanks!
Unanswered Questions
  • What C.S.S. codes can I use to change font aspects in Word Processor?
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
  • HTML color codes are broken up as follows: the first two characters refer to red hues, the second two refer to green, and the last two refer to blue. You can use anything from "00" to "99" to indicate how much of each color you want; using "FF" instead of a number calls the maximum amount of that color (for example, "0000FF" would be as blue as possible).
  • Try to make your page easy to read. Bright colors are hard to read on a white background, and dark colors are hard to read on a black background.
  • Old computer displays are limited to about 65,000 colors, and very old displays are limited to 256. However, over 99% of internet users will be able to see any color you specify.

Warnings

  • The font element is not supported in XHTML 1.0 Strict DTD.

Related wikiHows

Sources and Citations

Article Info

Categories:

In other languages:

Español: , Português: , Italiano: , Русский: , Deutsch: , Français: , Bahasa Indonesia: , ไทย: , Tiếng Việt: , العربية: 

Thanks to all authors for creating a page that has been read 488,171 times.
Is this article up to date?
Tested By:
wikiHow Technology Team

of How to Use Font Color Tags in HTML was reviewed on September 6, 2019.

How helpful is this?
Co-authors:
Updated:
Views: 488,171

Mike Ignoffo

Jul 6, 2019

"Really good explanations of each step in the tutorials makes it so much easier for people like me who are justbeginning to learn any type of computer language."

Cameron Schultz

Nov 6, 2019

"Perfect, thanks.





Video: How to Change Color, Font, and Size of a Text in HTML

How to Use Font Color Tags in HTML
How to Use Font Color Tags in HTML images

2019 year
2019 year - How to Use Font Color Tags in HTML pictures

How to Use Font Color Tags in HTML advise
How to Use Font Color Tags in HTML recommend photo

How to Use Font Color Tags in HTML pictures
How to Use Font Color Tags in HTML pictures

How to Use Font Color Tags in HTML How to Use Font Color Tags in HTML new pics
How to Use Font Color Tags in HTML new pics

pics How to Use Font Color Tags in HTML
foto How to Use Font Color Tags in HTML

Watch How to Use Font Color Tags in HTML video
Watch How to Use Font Color Tags in HTML video

Communication on this topic: How to Use Font Color Tags in , how-to-use-font-color-tags-in/
Discussion on this topic: How to Use Font Color Tags in , how-to-use-font-color-tags-in/ , how-to-use-font-color-tags-in/

Related News


The 20 Best Toners, Broken Down by SkinType
12 Under-the-Radar Signs That You And Your S.O. Are Drifting Apart
3 Ways to Address Nuns
How to Deal With a Married Boyfriend
MH interview: Felix Baumgartner
6 Fabled by Marie Claire editor picks you need in your make-up bag
Myeloma Side Effects — Renal Insufficiency
Carbuncles – Symptoms, Causes, And Natural Treatments
How to Maintain a Hydroponic Nutrient Reservoir
Chocolate Bark
These 5 Mind Tricks Can Make Sex So Much Hotter
5 Simple Ways to Improve Your Nails Condition
How to Diagnose Valley Fever



Date: 13.12.2018, 00:22 / Views: 35541