El uso de las etiquetas de color de la fuente en html

2 Métodos:El uso de etiquetas HTMLUsando el lenguaje CSS

Las fuentes de las etiquetas HTML son obsoletos, y los desarrolladores web profesionales deben evitarlo. Si bien es fácil de cambiar el color de los proyectos personales, no hay garantía de que esto va a seguir trabajando en la próxima actualización de los navegadores de Internet. Para obtener los mejores resultados, utilice el método CSS al final de este artículo.

método 1
El uso de etiquetas HTML
Imagen titulada Uso Color de fuente en HTML Etiquetas Paso 1
1
Crear una etiqueta fuente. Coloque la etiqueta frente al texto que desea de color. Cerrar con la etiqueta el texto de la final.
  • ejemplo:
    Quiero dejar este texto azul.
  • Imagen titulada Uso Color de fuente en HTML Etiquetas Paso 2
    2
    Añadir el atributo color. Insertar color =" " dentro de la etiqueta de apertura fuente. El color deseado debe añadirse dentro de las comillas
  • ejemplo:
    color =" "Quiero dejar este texto azul.
  • Imagen titulada Uso Color de fuente HTML Tags en el paso 3
    3
    Elija el nombre del color. Los colores de los nombres tienen sólo una palabra (en Inglés), y no tienen espacio. Pruebe un nombre simple como "azul" (Azul) o "rojo" (Rojo), o algo más descriptivo, como "azul claro" (Azul claro) o "azul marino" (azul oscuro). Para obtener más opciones, buscar una mesa en el Internet que incluye colores como "granate" (Brown) "Steelblue" (Acero-azul) y "cal" (verde limón).
  • ejemplo:
    Quiero dejar este texto azul.
  • Imagen titulada Uso Color de fuente en HTML Etiquetas Paso 4
    4


    Utilice un código de color hexadecimal. El lenguaje de programación HTML permite el uso de millones de colores, pero no tiene el nombre de todos ellos. En su lugar, utiliza un código de seis dígitos escritos en un sistema numérico conocido como hexadecimal. Hay varios sitios web que lista los códigos hexadecimales de colores, o que pueda escoger un color en la pantalla y ver lo que su código. El código comienza con el símbolo # seguido de seis dígitos y utilizar los números del 0 al 9 y letras de la A a la F.
  • El Código # FF0000 es el mismo que el nombre de rojo.
  • Este código crea un texto verde.
  • Este código crea un texto azul.
  • Imagen titulada Uso Color de fuente en las etiquetas de HTML 5 Paso
    5
    Trate de usar los valores RGB. No es necesario saber cómo los códigos hexadecimales de colores funcionan utilizar un selector de color en línea. Si desea utilizarlas, sin embargo, empezar con lo básico:
  • Cada código de seis dígitos se divide entre el rojo, verde y azul (RGB - Rojo, Verde y Azul). Por ejemplo, el código # FF0000 significa en realidad "Rojo: Verde FF: 00 Azul: 00."
  • Para cambiar la cantidad de rojo, cambiar los dos primeros dígitos. Se puede utilizar cualquier número de 00 (sin ninguna roja) a 99 (ligeramente roja) o las letras AA (ligeramente roja) a FF (rojo máximo).
  • Utilizar el mismo sistema para cambiar los valores de verde (los dos dígitos del medio) y azul (los dos últimos dígitos).
  • Imagen titulada Uso Color de fuente en HTML Etiquetas Paso 6
    6


    Entender más profundamente los códigos de color hexadecimal. Para el sistema de color más precisa, tendrá que aprender dos conceptos:
  • Cada uno de los tres valores de color es un número de dos dígitos. Para hacer pequeños ajustes, basta con cambiar el segundo dígito. Por ejemplo, # 850000 y # 890000 Son muy similares, pero # A50000 Cuenta con más brillo.
  • Los valores RGB se combinan utilizando la adición de sistema de color. El rojo y el verde de la forma amarillo- forma el azul y el verde cian- y formando el rojo y azul magenta.
  • método 2
    Usando el lenguaje CSS
    Imagen titulada Uso Color de fuente en HTML Etiquetas Paso 7
    1
    Introduzca el atributo estilo en la etiqueta HTML. el atributo style =" " Se permite el uso de lenguaje CSS dentro de un documento HTML. Esta es una manera fácil de configurar el color de fuente sin saber lenguaje CSS. Trate de poner el atributo estilo dentro de las siguientes etiquetas HTML:


  • Imagen titulada Uso Color de fuente en HTML Etiquetas Paso 8
    2
    Especificar el color. Insertar Color: seguido del código de nombre o hexadecimal del color dentro de las comillas. Para obtener información más detallada acerca de los nombres y códigos de colores, consulte el método anterior o intente utilizar los siguientes ejemplos:
  • Este código permite que el texto de color rojo.
  • Este es el código de color de oliva.
  • El lenguaje CSS es compatible con el código de abreviatura de tres dígitos. El código 745 es menos de los 774.455.
  • Imagen titulada Uso Color de fuente en HTML Etiquetas Paso 9
    3
    Utilice las clases CSS para los estilos utilizados con más frecuencia. Si desea estilizar todos los títulos de las fotos o los encabezados de una página de Internet de gran tamaño, no hay necesidad de entrar en todo el código cada vez. En su lugar, establecer una clase CSS en la cabecera del documento para que pueda utilizarlo siempre que lo desee. Aquí hay un ejemplo que demuestra algunos nuevos usos para el atributo estilo:
  • en el apartado documento HTML, pegue el siguiente código:
  • En el cuerpo del mismo documento, utilice el atributo class ="fantasía" añadir que el estilo a un elemento. Por ejemplo

    este párrafo

    Se manifiesta con una gran fuente en letras mayúsculas y de color verde oscuro.
  • Se puede utilizar cualquier palabra en lugar de de lujo para describir un estilo.
  • consejos

    • Trate de hacer su página fácil de leer. muy colores claros son difíciles de leer sobre un fondo blanco, y los colores oscuros son difíciles de leer sobre un fondo negro.
    • Los equipos más antiguos se limitan a 65.000 colores, y los más viejos todavía están limitados a 25 colores. Sin embargo, el 99% de los usuarios de Internet será capaz de ver cualquier color agotado.

    anuncios

    • El elemento la fuente no es compatible con XHTML 1.0 Strict DTD.

    Vídeo: Color, Tamaño y Tipos de letra en HTML

    Vídeo: 05 Poner una Imagen de Fondo y Color / Tamaño / Color de las Letras HTML

    De esta manera? Compartir en redes sociales:


    Opiniones y Comentarios

    Artículos Relacionados