Cómo cambiar el color de texto en HTML (con imágenes)

Si bien puede cambiar el color de texto con la etiqueta en HTML, este método ya no es compatible con HTML5. En su lugar, usará CSS básico para definir qué color aparecerá el texto en varios elementos de su página. El uso de CSS se asegurará de que su página web sea compatible con cada navegador posible.

Pasos

Método 1 de 2:

Usando CSS

1. Abra su archivo HTML. La mejor manera de cambiar el color de su texto es usando CSS. El antiguo atributo HTML ya no es compatible con HTML5. El método preferido es usar CSS para definir el estilo de sus elementos.

Este método también funcionará con hojas de estilos externos (archivos CSS separados). Los ejemplos a continuación son para un archivo HTML usando una hoja de estilo interna.

2. Coloque su cursor dentro de la etiqueta. Estará definiendo sus estilos dentro de esta etiqueta si está usando una hoja de estilo interna.

3. Tipo para crear una hoja de estilos interna. Cuando la etiqueta está en la etiqueta, la CSS dentro de la etiqueta se aplicará a cualquier elemento aplicable en esa página. Cuando haya terminado, el comienzo de su archivo HTML debe verse así:

4. Escriba el elemento que desea cambiar el color de texto para. Usted utilizará la sección para definir el aspecto de los diferentes elementos en su página. Así, por ejemplo, para cambiar el estilo de todo el texto del cuerpo en su página, escriba lo siguiente:

5. Escribe el color: Atributo en el selector de elementos. La color: El atributo le dirá la página qué color de texto usar para ese elemento. En este ejemplo, cambiará el color de texto de todo el texto del cuerpo, que es el elemento predeterminado para todo el texto en su página:

6. Escribe un color para el texto. Hay tres formas en que puede ingresar un color: el nombre, el valor hexagonal o el valor RGB. Por ejemplo, para el color azul que podría escribir azul, RGB (0, 0, 255), o # 0000ff.

7. Añadir otros selectores para cambiar el color de varios elementos. Puede usar los diferentes selectores para cambiar el color de su texto para diferentes partes de la página:

8. Defina una clase CSS en lugar de cambiar un elemento. Puede definir una clase y luego aplicarlo a cualquier elemento que le guste durante toda la página para agregar instantáneamente el estilo de clase. Por ejemplo, en el siguiente archivo el ".texto rojo" Clase hará cualquier elemento que se aplique para usar texto rojo:

Método 2 de 2:

Usando atributos de estilo en línea

1. Abra su archivo HTML. Puede usar atributos de estilo en línea para cambiar el estilo de un solo elemento en su página. Esto puede ser útil para uno o dos cambios rápidos en el estilo, pero no se recomienda para uso generalizado. Para cambios de estilo integral, use el método anterior.

2. Encuentra el elemento en el archivo que desea cambiar. Puede usar atributos de estilo en línea para cambiar el color de texto de cualquiera de sus elementos. Por ejemplo, si desea cambiar el color de texto de un encabezado específico, encuentre en su archivo:

3. Añadir el atributo de estilo al elemento. Tipo estilo ="" Dentro de la etiqueta de apertura para el elemento que desea cambiar:

4. Escribe el color: atributo dentro de la "". Por ejemplo:

5. Escriba el color que desea cambiar el texto a. Hay tres formas en que puedes expresar un color. Puede escribir el nombre del color, puede ingresar el valor RGB, o puede ingresar el valor hexagonal. Por ejemplo, para cambiar el color a amarillo, podría escribir amarillo-, RGB (255,255,0)-, o # Ffff00-:

Consejos

Puede ver una lista de nombres de colores compatibles y sus valores hexagonales en http: // w3schools.com / colores / colores_names.áspid