Cómo cambiar el color de fuente en html. Formatear el texto de una página html (parte 2). Formatear una fuente usando propiedades CSS
Para cambiar la fuente use una etiqueta con el atributo CARA. Puede especificar la fuente por nombre (Arial, Tahoma, Verdana) o tipo (por ejemplo, monoespacio). Es recomendable enumerar varios nombres de fuentes para evitar una situación en la que resulte que el usuario no tiene instalada la fuente requerida. Recomiendo utilizar al menos una de las fuentes generalmente aceptadas (por ejemplo, Arial). No recomiendo usar más de 2 o 3 en una página. varias fuentes, de lo contrario la página se verá torpe y poco profesional.
Ejemplo:
Cambiar el tamaño de fuente de una página html
Para cambiar el tamaño de fuente utilice atributo TAMAÑO. Cómo fuente más grande, más fácil será entender el texto. Sin embargo, fuente pequeña le permite incluir más información dentro de la pantalla. Usando este atributo con una etiqueta
Puedes cambiar la fuente usando etiquetas. Y . amplía la fuente del fragmento especificado en relación con el texto anterior, y , en consecuencia, se reduce.
Cambiando de tamaño letras individuales, puedes lograr efectos interesantes. Por ejemplo, de esta manera puede obtener una letra mayúscula ampliada mayúscula el comienzo del párrafo.
Ejemplo:
Seleccionar el color de fuente de una página html
Mostrar secciones de texto en una página web en fuentes diferentes colores la hace atractiva.
Usando atributo de TEXTO en el contexto de una etiqueta
, puede cambiar todo el color del texto de una página web. Aplicar el atributo COLOR con una etiqueta (tiene una prioridad más alta) le permite interactuar con la apariencia de un solo fragmento de texto.Para cambiar el color del texto, necesita saber el nombre del color o su código hexadecimal. El código consta del símbolo de libra # y un número que representa la intensidad de los componentes rojo, verde y azul del color. Sólo se puede hacer referencia a 16 colores estándar por su nombre.
Nombre de colores Código aqua ##00FFFF negro ##000000 azul ##0000FF fucsia ##FF00FF gris ##808080 verde ##008000 lima ##00FF00 granate ##800000 marino ##000080 oliva ##808000 violeta ##800080 rojo # #FF0000 plateado ##C0C0C0 verde azulado ##008080 blanco ##FFFFFF amarillo ##FFFF00
En este tutorial veremos el último atributo de etiqueta. , que establece el color del texto. De forma predeterminada, el texto es negro y se muestra sobre un fondo blanco. Con el fin de cambiar el color del texto en html, necesito aplicar atributo de color etiqueta :
Para establecer un color, simplemente especifique su nombre, por ejemplo: rojo, verde, azul. consideremos pequeño ejemplo:
Texto verde
Texto rojo
Texto púrpura
Veamos el resultado en el navegador:
El texto del primer párrafo se volvió verde, el segundo párrafo se volvió rojo y el tercer párrafo se volvió violeta. En total hay 16 nombres de colores primarios y 130 adicionales. Lista completa colores que puedes ver en la tabla de colores html.
Esta forma de indicar el color es muy sencilla, pero muy limitada. Por lo tanto, para cambiar el color en el código html, suelen utilizar número hexadecimal precedido por un signo de almohadilla (#), por ejemplo:
¡Usando esta designación puedes obtener más de 16 millones de colores y sus matices! Puede obtener el código de color utilizando el código de color que está disponible en el sitio o utilizando la paleta de colores en el mismo Photoshop. Veamos un ejemplo y escribamos el siguiente código:
Texto verde
Texto rojo
Texto morado
Guardemos el archivo y veamos el resultado:
Como puede ver, le dimos al texto los mismos colores que en el primer ejemplo, solo que aquí usamos sistema hexadecimal cálculo o en otras palabras, especificamos el color en formato HEX.
Ahora ha aprendido cómo cambiar el color del texto en html y al final de la lección le sugiero repetir todos los atributos de la etiqueta. y establezca varios parámetros para el texto a la vez, a saber: fuente, tamaño y color. Escribe un ejemplo:
Establecer la fuente, el tamaño y el color del texto
Establecer la fuente, el tamaño y el color del texto
Al crear una página web tienes que lidiar con varios problemas diseño. Una de las preguntas más comunes es cómo cambiar el color del texto en HTML. Resolverlo es bastante sencillo, y existen dos formas diferentes.
Establecer un atributo de estilo de texto en línea
Para entender cómo cambiar el color del texto en HTML, basta con mirar la lista de atributos. campo de texto. Entre ellos hay una serie de valores que determinan el estilo del texto encerrado en estas etiquetas, que se indican en el interior. palabra clave estilo.
Para cambiar el color del texto, simplemente ingrese la palabra style= "" en el área seleccionada del campo de texto dentro de la etiqueta de apertura. Adentro de este atributo se puede especificar diferentes significados parámetros: el valor del atributo de color es responsable de cambiar el tono de color del texto. Al especificar este parámetro, después del signo de dos puntos, debe especificar el color en el que se pintarán todos los caracteres. de este campo. En este caso, al definir un tono, puede especificar tanto un valor de color explícito, por ejemplo, rojo o amarillo, como su valor hexadecimal, o rgb.
Independientemente del método elegido para determinar el color, el resultado será el mismo si el tono se elige de la misma forma. Por lo tanto, los tres ejemplos siguientes realizarán los mismos cambios en el texto: coloréelo de amarillo.
1.
texto
2.
texto
3.
texto
Cambiar color usando CSS
El uso de una hoja de estilo también le permite decidir cómo cambiar el color del texto en HTML. CSS es totalmente compatible con todos los modernos Versiones HTML y también le permite cambiar el estilo de varios elementos de la página a la vez.
Para entender cómo cambiar el color del texto en HTML con usando CSS, no es necesario entender el lenguaje de definición formal apariencia. Para definir los atributos de un determinado elemento, es necesario crear una descripción CSS escrita dentro de la etiqueta.
, y está definido por la etiqueta