Tecnología

Inicio

Cómo agregar códigos HTML color al texto

Cómo agregar códigos HTML color al texto


Cuando haces un sitio web, el color es una consideración importante. A menos que salga del fondo del estándar de color gris o blanco, el texto puede tener que ser de un color distinto al negro para ser legible o simplemente para encajar mejor con esquema de color general de su sitio. Afortunadamente, incluso si el código de su sitio a mano, añadiendo un nuevo código de color lenguaje de marcado de hipertexto a un bloque de texto es un proceso bastante indoloro que sólo se necesita una pequeña cantidad de código HTML adicional para llevar a cabo.

Instrucciones

1 Escriba las etiquetas de párrafo para el texto que desea incluir en su documento. Estas etiquetas deben estar uno junto al otro en un principio, ya que sólo rodearán el texto. Por lo tanto, deben tener este aspecto: <p> </ p>.

2 Escriba el texto que desea colorear. Este texto debe estar entre el soporte de cierre de la primera etiqueta de párrafo y el soporte de apertura de la segunda: <p> texto </ p>.

3 Agregue el código siguiente a la primera etiqueta de párrafo entre la "p" y el corchete de cierre: style = "color:". Asegúrese de incluir un espacio entre la "p" y el nuevo código.

4 Añadir el color que desea que el texto sea en el nuevo código, colocarlo entre los dos puntos y la segunda comilla. No es necesario añadir un espacio. Hay tres formas estándar de hacer esto: Si desea que el texto sea un color básico, a menudo puede simplemente escriba el nombre del color. Los códigos de color se pueden encontrar en línea en sitios como W3Schools. Si desea que coincida con un matiz específico, puede escribir en cualquier código hexadecimal del color, que es un signo # seguido de un código de seis caracteres. Alternativamente, se puede utilizar un valor de rojo-verde-azul usando el código RGB (0,0,0), con los ceros reemplazados por los valores de rojo, verde, azul del color, respectivamente. ¿Cuál de estas dos opciones es mejor para usted depende de lo que usted tiene o está más cómodo con el uso. Algunas herramientas en línea generan tanto los códigos hexadecimales y valores RGB para cualquier color, incluyendo el sitio web 2createawebsite. Los tres ejemplos siguientes dan como resultado idéntico texto en rojo: <p style = "color: red"> texto </ p> <p style = "color: # FF0000"> texto </ p> <p style = "color: rgb ( 255,0,0) "> texto </ p>.

Consejos y advertencias

  • Otra forma de texto en color que solía ser común era que escribir lo siguiente para la primera etiqueta de párrafo: <p color = "">. Este método se realiza la migración fuera de uso y ya no será compatible.