3 formas de utilizar etiquetas de color de fuente en HTML

Tabla de contenido:

3 formas de utilizar etiquetas de color de fuente en HTML
3 formas de utilizar etiquetas de color de fuente en HTML

Video: 3 formas de utilizar etiquetas de color de fuente en HTML

Video: 3 formas de utilizar etiquetas de color de fuente en HTML
Video: ELIMINA el FONDO de tus imágenes 🚨 (En segundos sin programas!!!) 2024, Abril
Anonim

Este wikiHow te enseñará cómo cambiar el color de la fuente en tu documento HTML. Si bien la etiqueta de fuente HTML es obsoleta en HTML5, puede usar CSS para agregar color al texto de su página HTML. Si está trabajando con una versión anterior de HTML, puede usar la etiqueta de color de fuente HTML según sea necesario.

Pasos

Método 1 de 2: uso de CSS

122247 1 1
122247 1 1

Paso 1. Elija un color para su texto

Si bien puede usar colores básicos (por ejemplo, "rojo") para colorear su texto, necesitará usar un generador de color HTML para matices más matizados:

  • Vaya a https://www.w3schools.com/colors/colors_picker.asp en el navegador web de su computadora.
  • Seleccione el color base que desea usar en el hexágono en la parte superior de la página.
  • Desplácese hasta el tono que desea usar en el lado derecho de la página.
  • Tenga en cuenta el código de seis caracteres a la derecha de la sombra.
122247 2 1
122247 2 1

Paso 2. Abra su documento HTML

Este debe ser el documento para el que desea cambiar el color de la fuente.

Si aún no tiene un documento HTML, cree uno antes de continuar

122247 3 1
122247 3 1

Paso 3. Busque el texto que desea colorear

Desplácese por su documento hasta encontrar el párrafo, el encabezado u otra forma de texto que desee colorear.

122247 4 1
122247 4 1

Paso 4. Tenga en cuenta las etiquetas del texto

Por ejemplo, si el texto es un encabezado, verá"

" en frente de eso.

122247 5 1
122247 5 1

Paso 5. Agregue las secciones "encabezado" y "estilo" en la parte superior del documento

Para hacerlo, escriba debajo de la etiqueta "", presione ↵ Enter, escriba debajo de la etiqueta "", presione ↵ Enter dos veces y escriba las etiquetas de cierre para ambas. Su resultado final debería verse así:

     
122247 6 1
122247 6 1

Paso 6. Introduzca la etiqueta de estilo "color"

Haga clic en el espacio entre las etiquetas "", luego ingrese el siguiente código (asegúrese de reemplazar el rojo con su código de color y"

"con la etiqueta del texto que desea colorear):


{ color rojo; }

122247 7 1
122247 7 1

Paso 7. Revise su documento

El encabezado de su página debería verse así:

     
122247 8 1
122247 8 1

Paso 8. Unifica el color del cuerpo del texto

Si desea que todo el texto del cuerpo de su documento sea del mismo color, ingrese el siguiente código con su color preferido sustituido por el negro:

cuerpo {color: negro; }

Método 2 de 2: uso de etiquetas HTML

122247 9 1
122247 9 1

Paso 1. Elija un color para su texto

Si bien puede usar colores básicos (por ejemplo, "rojo") para colorear su texto, necesitará usar un generador de color HTML para matices más matizados:

  • Vaya a https://www.w3schools.com/colors/colors_picker.asp en el navegador web de su computadora.
  • Seleccione el color base que desea usar en el hexágono en la parte superior de la página.
  • Desplácese hasta el tono que desea usar en el lado derecho de la página.
  • Tenga en cuenta el código de seis caracteres a la derecha de la sombra.
122247 10 1
122247 10 1

Paso 2. Abra su documento HTML

Este debe ser el documento para el que desea cambiar el color de la fuente.

Si aún no tiene un documento HTML, cree uno antes de continuar

122247 11 1
122247 11 1

Paso 3. Busque el texto que desea colorear

Desplácese por el documento hasta encontrar el párrafo, el encabezado u otra forma de texto que desee colorear.

122247 12 1
122247 12 1

Paso 4. Agrega la etiqueta "fuente" abierta

Haga clic inmediatamente a la izquierda del texto que desea colorear, luego escriba lo siguiente (asegúrese de reemplazar el rojo con su color preferido):

122247 13 1
122247 13 1

Paso 5. Cierre la etiqueta "fuente"

Haga clic en el espacio a la derecha del final del texto que está coloreando, luego escriba allí.

¡Este texto es rojo!

Código HTML de muestra

Image
Image

Código de color de fuente HTML

Video: al utilizar este servicio, es posible que cierta información se comparta con YouTube

Consejos

  • Intente que su página sea fácil de leer. Los colores brillantes son difíciles de leer sobre un fondo blanco y los colores oscuros son difíciles de leer sobre un fondo negro.
  • Los códigos de color HTML se dividen de la siguiente manera: los dos primeros caracteres se refieren a los tonos rojos, los dos segundos se refieren al verde y los dos últimos al azul. Puede utilizar cualquier valor de "00" a "99" para indicar la cantidad de cada color que desea; el uso de "FF" en lugar de un número indica la cantidad máxima de ese color (por ejemplo, "0000FF" sería lo más azul posible).
  • Las pantallas de las computadoras antiguas están limitadas a unos 65 000 colores, y las pantallas muy antiguas están limitadas a 256. Sin embargo, más del 99% de los usuarios de Internet podrán ver cualquier color que especifique.

Recomendado: