Cómo usar etiquetas de color de fuente en HTML

Contenido

• etapas
• Método 1 Use etiquetas HTML
• Método 2 de 4: usa CSS en las etiquetas

La etiqueta de fuente HTML ahora está obsoleta y los desarrolladores profesionales deberían evitar usarla. Si bien es muy simple cambiar el color de la fuente en un proyecto personal, no hay garantía de que continúe funcionando a medida que se actualizan los navegadores web. Para obtener los mejores resultados, debe usar el método con CSS.

etapas

Método 1 Use etiquetas HTML

1. 
   

   
   Crea la etiqueta de fuente. Poner la etiqueta delante de la e que quieres colorear. Ciérralo poniendo al final de e.
   • Por ejemplo :
     Quiero que esto sea azul

2. 
   

   
   Agregue el atributo para el color. añadir color = "" dentro de la etiqueta de apertura. Luego debe poner el color de su elección entre comillas (en inglés).
   • Por ejemplo :
     Quiero que esto sea azul

3. 
   

   
   Elige el nombre del color. Siempre es una palabra simple en inglés, sin espacio. Pruebe con nombres simples como "azul", "rojo" o algo más específico como "azul claro" (azul oscuro) o "azul oscuro" (azul oscuro). Para obtener más opciones, busque una lista de nombres de colores aceptados como granate, azul acero y lima.
   • Por ejemplo :
     Quiero que esto sea azul

4. 
   

   
   
   
   Use un código hexadecimal en su lugar. HTML le permite elegir entre millones de colores, pero no siempre hay nombres para ellos. En su lugar, utilizará un código de seis dígitos en un sistema llamado hexadecimal. Hay muchos sitios web que ofrecen listas de códigos hexadecimales para colores, o incluso puede elegir el color directamente en su pantalla para obtener el código. El número comienza con el símbolo # seguido de seis dígitos que consisten en dígitos del 0 al 9 y letras d a F.
   • El código # FF0000 es el mismo que el color rojo marcado "rojo".
   • Este código genera un color verde.
   • Este código hace que la e en azul.

5. 
   

   
   
   
   Juega con valores RGB. No tiene que saber cómo funciona el código de color hexadecimal para elegir un color que le guste en una paleta que encuentre en Internet. Sin embargo, si desea hacer varios experimentos, debe comenzar con lo básico.
   • Cada número de seis dígitos se divide en valores para rojo, verde y azul (o "RGB" para "rojo, verde, azul"). Por ejemplo, el código # FF0000 en realidad significa "rojo: FF, verde: 00, azul: 00".
   • Para cambiar la cantidad de rojo, cambie los dos primeros dígitos. Puede usar un valor entre 00 (sin rojo) y 99 (un poco de rojo) y entre AA (un poco más de rojo) y FF (el máximo rojo).
   • Use el mismo sistema para cambiar el valor de verde (los dos dígitos del medio) y azul (los dos últimos dígitos).

6. 
   

   
   Comprende el código en profundidad. Para obtener una selección de color más precisa, debe comprender otros dos conceptos.
   • Cada uno de estos tres valores está hecho de un número de dos dígitos. Para realizar pequeñas ediciones, puede cambiar el segundo dígito. Por ejemplo : #850000 y #890000 son muy similares pero # A50000 Es mucho más claro.
   • Los valores RGB se mezclan sobre la base del sistema de síntesis de color aditivo. Marca roja y verde amarillo, azul y verde hacen cian y rojo y azul hacen magenta .

Método 2 de 4: usa CSS en las etiquetas

1. 
   

   
   Inserte el atributo "estilo" en la etiqueta. Este atributo le permite colocar CSS directamente en la etiqueta HTML. Es una forma sencilla de cambiar el color incluso si no conoce CSS. Intenta ponerlo en una de las siguientes etiquetas:

   • la etiqueta p rodea un párrafo con e

   • la etiqueta ha rodeado un enlace
   • use la etiqueta span para cambiar el color de una parte de la e sin cambiar el formato

2. 
   

   
   Indica el color. Insertar Color: seguido del nombre del color o código hexadecimal dentro de las comillas. Para obtener más información sobre los nombres de colores, consulte los ejemplos en el método anterior.
   • La e ahora está en rojo.
   • Aquí está el código para el verde oliva oscuro.
   • CSS admite códigos de color acortados de tres dígitos. El código 745 es la abreviatura de 774455.

3. 
   

   
   Usa las clases CSS. Si desea aplicar el mismo estilo a todas las fotos o todos los títulos de capítulos, no necesita repetir el mismo código cada vez. En su lugar, puede definir una clase en el encabezado del documento para poder consultarla más adelante siempre que desee aplicar el mismo estilo. Aquí hay un ejemplo para mostrar varios usos del atributo "estilo".
   • En la seccion de su página HTML, copie el siguiente código:
     
   • En el cuerpo del mismo documento, use el atributo para agregar este estilo al artículo. Por ejemplo :

     este parrafo

     aparecerá en verde oscuro con una fuente cursiva amplia.
   • Sepa que no tiene que llamar a su clase "elegante", puede darle el nombre que desee.