Cómo usar etiquetas de color de fuentes en HTML

Este How.com.vn te enseñará cómo cambiar el color de la fuente en un documento HTML. Si bien la etiqueta de fuente ya es obsoleta en HTML5, puedes usar CSS para cambiar el color del texto en una página HTML. Si vas a trabajar con una versión vieja de HTML, puedes usar la etiqueta de color de fuente según sea necesario.

Método 1

Método 1 de 2:

Usar CSS

Descargar el PDF

1
Elige un color para el texto. Si bien puedes colorear textos con colores básicos (por ejemplo, "rojo"), si quieres usar otros matices más avanzados, deberás usar un generador de colores HTML:
- Ve al sitio https://www.w3schools.com/colors/colors_picker.asp en un navegador web de tu computadora.
- Selecciona el color base que quieras usar en el hexágono de la parte superior de la página.
- Desplázate a lo largo de los matices del lado derecho de la página hasta encontrar uno que te guste.
- Anota el código de seis caracteres que esté a la derecha del matiz elegido.
2
Abre tu documento HTML. Abre el documento HTML donde quieras cambiar el color de fuente.
- Si todavía no tienes un documento HTML, créalo ahora para poder continuar.
3
Busca el texto que quieras colorear. Desplázate a lo largo del documento hasta encontrar el párrafo, encabezado o cualquier otro tipo de texto que quieras colorear.
4
Observa las etiquetas del texto. Por ejemplo, si el texto es un encabezado, deberá haber una etiqueta "<h1>" delante de él.
5
Agrega las secciones "head" (encabezado) y "style" (estilo) en la parte superior del documento. Para hacerlo, escribe <head> debajo de la etiqueta "<html>", presiona ↵ Enter, escribe <style> debajo de la etiqueta "<head>", presiona ↵ Enter dos veces y luego escribe las etiquetas de cierre de ambas secciones. El resultado final deberá verse así:
```
<!DOCTYPE html><html><head><style></style></head><body>
```
6
Escribe la etiqueta de estilo "color". Haz clic en el espacio que está justo en el medio de las etiquetas "<style></style>", luego escribe el siguiente código (asegurándote de reemplazar "red" (rojo) por el código de color que elegiste y "<h1>" por la etiqueta del texto que quieras colorear):
```
<h1> {       color: red;}
```

7

Revisa tu documento. El encabezado de tu página deberá verse así:

<!DOCTYPE html><html><head><style><h1> {       color: red;}</style></head><body>

8
Unifica el color del cuerpo del texto. Si quieres que todo el cuerpo del texto de tu documento tenga el mismo color, ingresa el siguiente código reemplazando black (negro) por el color que prefieras:
```
body {       color: black;}
```
Anuncio

Método 2

Método 2 de 2:

Usar etiquetas HTML

Descargar el PDF

1
Elige un color para el texto. Si bien puedes colorear textos con colores básicos (por ejemplo, "rojo"), si quieres usar otros matices más avanzados deberás usar un generador de colores HTML:
- Ve al sitio https://www.w3schools.com/colors/colors_picker.asp en un navegador web de tu computadora.
- Selecciona el color base que quieras usar en el hexágono de la parte superior de la página.
- Desplázate a lo largo de los matices del lado derecho de la página hasta encontrar uno que te guste.
- Anota el código de seis caracteres que esté a la derecha del matiz elegido.
2
Abre tu documento HTML. Abre el documento HTML donde quieras cambiar el color de fuente.
- Si todavía no tienes un documento HTML, créalo ahora para poder continuar.
3
Busca el texto que quieras colorear. Desplázate a lo largo del documento hasta encontrar el párrafo, encabezado o cualquier otro tipo de texto que quieras colorear.
4
Agrega la etiqueta de apertura de "font" (fuente). Haz clic justo a la izquierda del texto que quieras colorear y luego escribe lo siguiente (asegurándote de reemplazar red por el color que quieras):^{[1]XFuente de investigación}
```
<font color="red">
```
5
Cierra la etiqueta "font". Haz clic en el espacio que está a la derecha de la fuente que vas a colorear y escribe </font> allí.
```
<font color="red">¡Este texto es rojo!</font>
```
Anuncio

Consejos

Los códigos de colores HTML se desglosan de la siguiente manera: los primeros dos caracteres representan a la tonalidad roja, el siguiente par representa a la tonalidad verde y los últimos dos a la tonalidad azul. Puedes usar cualquier valor entre "00" y "99" para indicar la proporción de color deseada. Si escribes "FF" en vez de un número, se seleccionará el máximo valor posible para ese color (por ejemplo, "0000FF" será tan azul como sea posible).
Procura que la página sea fácil de leer. Los colores brillantes son difíciles de leer en un fondo blanco y los colores oscuros son difíciles de leer en un fondo negro.
Los monitores de las computadoras viejas muestran aproximadamente 65000 colores, mientras que los más viejos solo 256. Sin embargo, más del 99 % de los usuarios de Internet podrán ver el color que elijas, cualquiera que este sea.^{[2]XFuente de investigación}

Anuncio