logo

Cómo cambiar el color del texto en HTML

En HTML, podemos cambiar el color de cualquier texto de las siguientes formas:

  1. Usando etiqueta HTML
  2. Usando un atributo de estilo en línea
  3. Usando CSS interno

1. Usando etiqueta HTML

Nota: HTML 5 no admite el atributo de color de fuente, por lo que debemos usar el atributo de estilo en línea y las opciones CSS internas para cambiar el color de un texto.

Si queremos cambiar el color de un texto usando la etiqueta HTML que se mostrará en una página web, debemos seguir los pasos que se detallan a continuación. Siguiendo estos pasos, podemos cambiar fácilmente el color de cualquier texto:

Paso 1: En primer lugar, tenemos que escribir el código HTML en cualquier editor de texto o abrir el archivo HTML existente en el editor de texto en el que queremos usar el etiqueta HTML .

cadena.subcadena java
 Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html 

Paso 2: Ahora, colocamos el cursor al inicio de ese texto cuyo color queremos cambiar. Y luego, escribe el HTML vacío. etiqueta en esa posición.

 Single Line text and statements 

Paso 3: Luego, tenemos que cerrar la etiqueta de fuente al final del texto cuyo color queremos cambiar.

 Single Line text and statements 

Etapa 4: Ahora, tenemos que agregar el atributo de la etiqueta de fuente cuyo nombre es ' color '. Entonces, escribe el color atributo dentro del inicio etiqueta. Y luego tenemos que darle el color que queremos usar en el texto. Entonces, escriba el nombre del color en el atributo de color como se describe en el siguiente bloque.

 Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html 
Pruébalo ahora

Paso 5: Y, por último, tenemos que guardar el código HTML en el editor de texto y ejecutar el código. Después de la ejecución, veremos el resultado en el navegador. La siguiente captura de pantalla muestra el resultado del código HTML anterior:

Cómo cambiar el color del texto en HTML

2. Usar un atributo de estilo en línea

Si queremos cambiar el color de un texto usando un atributo de estilo en línea que se mostrará en una página web, debemos seguir los pasos que se detallan a continuación. Siguiendo estos pasos, podemos cambiar fácilmente el color del texto.

Paso 1: En primer lugar, tenemos que escribir el código HTML en cualquier editor de texto o abrir el archivo HTML existente en el editor de texto en el que queremos usar el atributo de estilo para cambiar el color de un texto.

 Change color using style attribute This page helps you to understand how to change the color of a text. And, this section helps you to understand how to change the text color using the style attribute. 

Paso 2: Ahora, colocamos el cursor al inicio de ese texto cuyo color queremos cambiar. Y luego, escriba el en línea estilo atributo dentro de cualquier elemento. Aquí utilizamos el

(párrafo) etiqueta:

prueba la estructura de datos

Cualquier texto

Paso 3: En este paso, tenemos que dar un nombre de color como valor. Podemos dar el nombre del color de tres formas:

  1. Podemos escribir el nombre de un color.
  2. También podemos introducir el valor RGB de un color.
  3. También podemos ingresar el valor hexadecimal de un color.

Etapa 4: Luego, tenemos que cerrar el elemento al final del texto cuyo color queremos cambiar.

Cualquier texto

Etapa 4: Y, por último, guarde el código HTML que cambia el color del texto utilizando el atributo de estilo CSS.

 Change color using style attribute <p> This page helps you to understand how to change the color of a text. </p> <p> And, this section helps you to understand how to change text color using style attribute. </p> 
Pruébalo ahora

El resultado del código anterior se muestra en la siguiente captura de pantalla:

Cómo cambiar el color del texto en HTML

2. Usando CSS interno

Si queremos cambiar el color de un texto usando una hoja de estilo en cascada interna que se mostrará en una página web, debemos seguir los pasos que se detallan a continuación. Siguiendo estos pasos, podemos cambiar fácilmente el color del texto.

Paso 1: En primer lugar, tenemos que escribir el código HTML en cualquier editor de texto o abrir el archivo HTML existente en el editor de texto en el que queremos usar el CSS interno para cambiar el color de un texto.

 Change color using Internal CSS This page helps you to understand how to change the color of a text. In this Section, we used the internal CSS for changing the text color. 

Paso 2: Ahora, tenemos que colocar el cursor en la etiqueta head del documento HTML y luego definir los estilos dentro del etiqueta como se muestra en el siguiente bloque. Y luego escriba el color atributo en el selector de elementos.

 Body { color:orange; } p { color:green; } 

Paso 3: Ahora, tenemos que escribir el selector de elementos definido antes del texto cuyo color queremos cambiar.

edad de kylie jenner
 Change color using Internal CSS Body { color:orange; } p { color:green; } This page helps you to understand how to change the color of a text. <p> In this Section, we used the internal CSS for changing the text color. </p> 
Pruébalo ahora

El resultado del código HTML anterior se muestra en la siguiente captura de pantalla:

Cómo cambiar el color del texto en HTML