Contenido

• Pasos
• Consejo
• Advertencia

Este artículo le mostrará cómo cambiar el color de fuente en documentos HTML. Aunque las etiquetas de fuente están desactualizadas en HTML, puede usar CSS para agregar color al texto de una página HTML. Si está utilizando una versión anterior de HTML, puede utilizar la etiqueta de fuente HTML según sea necesario.

Pasos

Método 1 de 2: use etiquetas HTML

1. 

   Crea etiquetas de fuentes. Juego de cartas delante del texto que desea cambiar de color. Coloque la tarjeta de cierre detrás del texto.
   • Como:
     Este texto será azul.

2. 

   
   
   Agrega atributos de color. Insertar color = "" en la pestaña de fuente abierta. El color que desee estará entre comillas.
   • Por ejemplo:
     color = ""Este texto será azul.

3. 

   
   
   Elija un nombre de color. El nombre del color es siempre una palabra sin espacios. Pruebe algo simple como "azul" (azul), "rojo" (rojo) o un nombre descriptivo como "azul claro" o "azul oscuro" (azul oscuro). Para obtener más opciones, busque la lista de palabras clave de colores reconocidos, que incluye "granate" (marrón oscuro), "azul acero" (verde gris) y "lima" (amarillo claro).
   • Como:
     Este texto será azul.

4. 

   
   
   Utilice códigos de color hexadecimales. HTML le permite elegir entre millones de colores, pero no todos los colores tienen un nombre. En su lugar, utilizan un código de seis caracteres escrito en hexadecimal. En la web, hay muchos sitios web que enumeran códigos de color hexadecimales o le permiten elegir un color en la pantalla y mostrar el valor hexadecimal. Este código comienza con un signo # y tiene seis caracteres, incluidos los números del 0 al 9 o una letra A-F.
   • El código # FF0000 representa el color rojo.
   • Este código produce texto verde.
   • Este código produce texto azul.

5. 

   Experimente con valores RGB. No es necesario que sepa cómo funciona la codificación de colores hexadecimales para poder utilizar un selector de colores en línea. Sin embargo, si desea la experiencia, puede comenzar con lo básico:
   • Cada código de seis caracteres se divide en los valores rojo, verde (verde) y azul ("RGB"). Por ejemplo, el código # FF0000 significa "rojo: FF verde: 00 azul: 00".
   • Para cambiar la cantidad de rojo, cambie los dos primeros caracteres. Puede utilizar cualquier valor desde 00 (sin rojo) hasta 99 (ligeramente rojo) o las letras AA (rojizas) hasta FF (cantidad máxima de rojo).
   • Utilice el mismo sistema para cambiar el valor a verde (los dos dígitos del medio) o azul (los dos últimos dígitos).

6. 

   Obtenga una comprensión más profunda de los códigos de color hexadecimales. Para elegir el color correcto, debe conocer los dos conceptos siguientes:
   • Cada tres valores de color son dos dígitos. Si desea hacer menos ajustes, simplemente cambie el segundo dígito. Por ejemplo, # 850000 y # 890000 son bastante similares, y # A50000 será un poco más brillante.
   • Los valores RGB combinados son iguales al sistema de color plus. El rojo y el verde producirán amarillo; azul y verde forma cian; El rojo y el azul producirán un color burdeos.
   anuncio

Método 2 de 2: use un elemento CSS en línea

1. 

   Inserte el atributo de estilo en la etiqueta HTML. Propiedades estilo = "" le permite utilizar CSS en documentos HML. Esta es una manera fácil de configurar el color de la fuente incluso si no conoce CSS. Intente configurar el atributo de estilo en una de las etiquetas HTML:

   • La etiqueta p se usa para identificar un fragmento de texto.

   • La etiqueta a se utiliza para crear un enlace.
   • Utilice etiquetas de extensión para colorear parte de un párrafo sin cambiar el formato.

2. 

   Especifique colores. Insertar color: con el nombre del color o el código hexadecimal entre comillas. Para obtener más detalles sobre los nombres y los códigos de color, consulte el método anterior o pruebe los siguientes ejemplos:
   • Este código constituye texto rojo.
   • Este código produce un color verde oliva oscuro.
   • CSS admite el acortamiento de 3 dígitos. El código de color 745 significa 774455.

3. 

   Utilice clases de CSS con tipos de letra que utilice con frecuencia. Si desea modificar el estilo de cada pie de foto o título de una parte del contenido de una página web grande, no es necesario que escriba todo el código una y otra vez. En su lugar, defina una clase CSS al principio del texto, de modo que pueda llamar a la clase con solo una abreviatura cada vez que quiera usar ese estilo. Aquí hay un ejemplo que muestra algunos usos nuevos del atributo de estilo:
   • En la sección del documento HTML, pegue el siguiente código:
     
   • A continuación, en el cuerpo del texto, utilice el atributo para agregar este estilo como elemento. Como,

     este párrafo

     fuente Cursiva grande de color verde oscuro.
   • Tenga en cuenta que puede usar cualquier palabra en lugar de "elegante" para describir un tipo de letra.
   anuncio

Consejo

• Debe intentar que su página sea fácil de leer. Los colores claros del texto serán difíciles de leer en blanco y los colores oscuros del texto serán difíciles de leer en negro.
• Las computadoras más antiguas muestran un límite de 65.000 colores, mientras que las computadoras más antiguas muestran un límite de 256 colores. Sin embargo, más del 99% de los usuarios de Internet podrán ver el color que especifique.

Advertencia

• El elemento de fuente no es compatible con el estándar XHTML 1.0 Strict DTD.