Puede utilizar HTML y CSS (hojas de estilo en cascada) para especificar el color de la fuente en las páginas del sitio web. Dependiendo de las características del diseño de una página en particular, puede ser aconsejable utilizar uno u otro método y, a veces, una combinación de ellos.
Instrucciones
Paso 1
Utilice el atributo de color para establecer el color del texto que se muestra en la página, colocado entre las etiquetas de apertura () y cierre () que especifican los parámetros de fuente. Por ejemplo:
Fuente roja
Aquí, el color de la fuente se indica mediante su código hexadecimal # ff0000, pero para los colores primarios y algunos tonos con nombre, también puede usar un valor de texto ("mnemónico") en inglés. Por ejemplo, # ff0000 se puede reemplazar por rojo.
Paso 2
Especifique el tono de color deseado en el atributo de estilo si necesita cambiar el color de un fragmento de texto colocado dentro de un bloque o elemento en línea de la página. Por ejemplo, si un fragmento de texto se coloca dentro de un elemento de bloque formado por una etiqueta div, entonces puede establecer el color de la fuente de esta manera:
Texto aguamarina
Cuando utilice el elemento span en línea, aplique el atributo de estilo exactamente de la misma manera:
El texto es aguamarina.
Aquí, el color también se puede configurar tanto con códigos hexadecimales como con designaciones de texto, por ejemplo, # 7fffd4 se puede cambiar a aguamarina.
Paso 3
Coloque una descripción de estilo en la parte del encabezado del documento o en un archivo css separado que contenga una indicación del color de fuente de los bloques de texto requeridos; este es un método universal y de uso frecuente en el diseño de páginas web. Por ejemplo, para establecer el color de la fuente en azul para toda la página, puede poner el siguiente código en la parte del encabezado (entre las etiquetas y):
cuerpo {color: blue}
Paso 4
Use atributos de clase si necesita establecer diferentes colores para diferentes fragmentos de texto en la descripción de estilos. Por ejemplo, si necesita poder insertar bloques de texto rojo y azul al crear un documento y, posteriormente, al cambiarlo, puede poner el siguiente código en la parte del encabezado:
.blueText {color: Blue}
.redText {color: Red}
Aquí blueText y redText son nombres, y el punto delante de ellos significa que los nombres se refieren a atributos de clase. Para colorear cualquier parte del texto, por ejemplo, rojo, agregue el atributo de clase con el valor redText a la etiqueta correspondiente:
Texto rojo