September 7, 2022

How to Change Text Color in HTML without CSS

In this tutorial, you will learn how to change text color in HTML without CSS. As you are already aware, colors are very important for a good user interface and user experience.

To change the text color in HTML, we have to use a font element with a color attribute since other elements do not support a color attribute.

In the following example, we will demonstrate how you can change the color of text using a font element with a color attribute. Please have a look over the code example and the steps given below.

HTML

We have two elements; paragraph and font. We are using a font element as a wrapper for the text content.
The font element has a color attribute and its value is set to red.

As a result, the text content within the paragraph element will be displayed in red color.

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Text color</title>
</head>

<body>
    <p>
        <font color="red">Lorem ipsum dolor sit, amet consectetur adipisicing elit.</font>
    </p>
</body>

</html>

You May Also Like: