You are viewing the article How to Use Text Color Tags in HTML at Thptlaihoa.edu.vn you can quickly access the necessary information in the table of contents of the article below.
HTML, which stands for Hypertext Markup Language, is the standard language used for creating web pages and applications. One of the key elements of HTML is the ability to style and format text using various tags and attributes. One way to enhance the visual appeal of your text is by changing its color. In HTML, text color can be modified by utilizing text color tags. These tags allow you to specify the desired color for your text, giving you the freedom to create visually eye-catching and engaging content. In this guide, we will explore the different text color tags available in HTML and learn how to use them effectively to enhance the appearance of your website or application.
This article is co-authored by a team of editors and trained researchers who confirm the accuracy and completeness of the article.
The wikiHow Content Management team carefully monitors the work of editors to ensure that every article is up to a high standard of quality.
This post has been viewed 148,083 times.
This is an article on how to change the text color in HTML documents. Although the HTML typography tag is obsolete in HTML5, you can use CSS to color the content on an HTML page. If you’re using an earlier version of HTML, you can use the HTML font color tag as needed.
Steps
Using CSS
![Image titled 122247 1 1](https://www.wikihow.com/images/thumb/8/86/122247-1-1.jpg/v4-728px-122247-1-1.jpg)
- Go to https://www.w3schops.com/cpors/cpors_picker.asp using your computer’s browser.
- Select the background color you want to use in the hexagon at the top of the page.
- Drag down the color tone you want to use on the right side of the page.
- Record the 6-character code to the right of the tone.
![Image titled 122247 2 1](https://www.wikihow.com/images/thumb/3/35/122247-2-1.jpg/v4-728px-122247-2-1.jpg)
- If you don’t have HTML text already, create one before continuing.
![Image titled 122247 3 1](https://www.wikihow.com/images/thumb/d/dc/122247-3-1.jpg/v4-728px-122247-3-1.jpg)
![Image titled 122247 4 1](https://www.wikihow.com/images/thumb/c/c5/122247-4-1.jpg/v4-728px-122247-4-1.jpg)
![Image titled 122247 5 1](https://www.wikihow.com/images/thumb/4/48/122247-5-1.jpg/v4-728px-122247-5-1.jpg)
<!DOCTYPE html><html><head><style></style></head><body>
![Image titled 122247 6 1](https://www.wikihow.com/images/thumb/d/d6/122247-6-1.jpg/v4-728px-122247-6-1.jpg)
<h1>{cpor:red;}
![Image titled 122247 7 1](https://www.wikihow.com/images/thumb/7/71/122247-7-1.jpg/v4-728px-122247-7-1.jpg)
<!DOCTYPE html><html><head><style><h1>{cpor:red;}</style></head><body>_
![Image titled 122247 8 1](https://www.wikihow.com/images/thumb/6/68/122247-8-1.jpg/v4-728px-122247-8-1.jpg)
body{cpor:black;}
Use HTML tags
![Image titled 122247 9 1](https://www.wikihow.com/images/thumb/0/08/122247-9-1.jpg/v4-728px-122247-9-1.jpg)
- Go to https://www.w3schops.com/cpors/cpors_picker.asp using your computer’s browser.
- Select the background color you want to use in the hexagon at the top of the page.
- Drag down the color tone you want to use on the right side of the page.
- Record the 6-character code to the right of the tone.
![Image titled 122247 10 1](https://www.wikihow.com/images/thumb/8/80/122247-10-1.jpg/v4-728px-122247-10-1.jpg)
- If you don’t have HTML text already, create one before continuing.
![Image titled 122247 11 1](https://www.wikihow.com/images/thumb/a/a1/122247-11-1.jpg/v4-728px-122247-11-1.jpg)
![Image titled 122247 12 1](https://www.wikihow.com/images/thumb/b/be/122247-12-1.jpg/v4-728px-122247-12-1.jpg)
<fontcpor="red">
![Image titled 122247 13 1](https://www.wikihow.com/images/thumb/3/33/122247-13-1.jpg/v4-728px-122247-13-1.jpg)
<fontcpor="red"> This is the red content! </fonts>
Advice
- Try to make the page easy to read. Light colors are often difficult to read on a white background, and dark colors are difficult to read on a black background.
- The HTML color code has the following meaning: the first two characters are used to indicate the red tint, the next two characters the green tint, and the last two characters the blue tint. You can use any number from “00” to “99” to specify the color amount of each shade; using “FF” instead of a number is the way to specify the maximum amount of color (for example, “0000FF” will give the color with the highest blue tint).
- Older computer monitors can only display up to 65,000 colors, and older monitors only have 256 colors. However, more than 99% of internet users can see the colors you choose. [2] XResearch Source
Warning
- The typeface element is not supported in XHTML 1.0 Strict DTD.
This article is co-authored by a team of editors and trained researchers who confirm the accuracy and completeness of the article.
The wikiHow Content Management team carefully monitors the work of editors to ensure that every article is up to a high standard of quality.
This post has been viewed 148,083 times.
This is an article on how to change the text color in HTML documents. Although the HTML typography tag is obsolete in HTML5, you can use CSS to color the content on an HTML page. If you’re using an earlier version of HTML, you can use the HTML font color tag as needed.
In conclusion, understanding how to use text color tags in HTML is a valuable skill for any web developer or designer. The ability to manipulate text color adds creativity and customization to web pages. By utilizing the “color” attribute within the HTML text tag, various color options can be applied to different sections of a webpage. This can enhance the overall aesthetic appeal of a website and make the content more engaging for users. Whether it’s emphasizing important information, highlighting headings, or simply adding a pop of color, text color tags in HTML allow for endless possibilities in creating visually stunning web designs.
Thank you for reading this post How to Use Text Color Tags in HTML at Thptlaihoa.edu.vn You can comment, see more related articles below and hope to help you with interesting information.
Related Search:
1. Example of using text color tags in HTML
2. HTML text color tags: a beginner’s guide
3. How to change text color using HTML tags
4. HTML CSS: changing text color with tags
5. Best practices for using text color tags in HTML
6. HTML text color tags: a comprehensive tutorial
7. Tips and tricks for using text color tags in HTML
8. How to set text color using HTML inline styles
9. HTML color tags: an overview of different options
10. Examples of text color manipulation using HTML tags