Cómo cambiar el color de la línea en html. Cómo cambiar el color del texto en HTML

Finalmente lo tengo en mis manos cómo cambiar la fuente del título del sitio web. No me gustan las cosas complejas, por eso siempre simplifico todo lo máximo posible. Le ofrezco una forma sencilla, rápida y que no requiere conocimientos profundos de HTML para cambiar la fuente, el tamaño y el color del título de su sitio.

Solo tres líneas en el editor y disfrutará realmente de su propia creatividad en el sitio. Además, si utiliza una plantilla gratuita, el sitio comenzará a adquirir funciones individuales.

Precauciones para quienes no están seguros

  • ¿Decidimos primero? que estamos hablando de temas (plantillas) de WordPress. Si el tema del blog está instalado en este motor, entonces este artículo es para usted.
  • Si no confía en sus habilidades, es mejor experimentar primero en un subdominio de prueba. Una vez que esté seguro de que es capaz, puede transferir la habilidad al sitio principal. Sin embargo, las acciones que se requieren para cambiar la fuente del título del sitio, son tan simples que es difícil equivocarse. Personalmente, siempre hago todo lo que hay en el examen de prueba primero. Un poco más de tiempo, pero más fiable.
  • Si el sitio aún no funciona, lea >>. Pero si todo se hace con cuidado, no ocurrirán desastres.

Una línea de código puede verse diferente en diferentes plantillas. Para aclarar cómo en su plantilla, lea el artículo. Hay un vídeo detallado sobre cómo encontrar cualquier línea de código, después del cual puedes realizar casi cualquier cambio en la plantilla de tu sitio web. Esta habilidad te liberará de la necesidad de hurgar en códigos y te dará vía libre.

Si no puede resolverlo usted mismo y desea encontrar un buen profesional independiente que entienda los códigos, entonces el artículo sobre hay un enlace útil a dónde acudir si sucede algo.

Instrucciones para cambiar la fuente en el encabezado del sitio

Y si no tienes tiempo para resolverlo, pero quieres hacerlo más rápido, para todo necesitaremos nuestra web y el programa Word (para seleccionar la fuente).

  1. Inicie sesión en el panel de administración de su sitio. A continuación, en la barra lateral izquierda encontramos Consola - Apariencia - Editor.
  2. En el lado derecho encontramos Lista de estilos (style.css) y ábrelo.
  3. El encabezado del sitio es el encabezado h1. Ubicado cerca del inicio. Para evitar buscar con los ojos, puede presionar Ctrl+F; aparecerá una barra de búsqueda. Escribe buscar. Para mí esta parte se ve así:

Cuadrado superior: línea de cambio de fuente.

Cuadrado inferior: cadena de cambio de tamaño de fuente.

Posteriormente cambiaremos el tamaño y color de la fuente si es necesario.

Cómo cambiar la fuente del título del sitio

  1. Ahora abrimos un documento de Word en blanco, copiamos el nombre en la página principal del sitio y lo transferimos a un documento de Word, lo seleccionamos y comenzamos a jugar con diferentes fuentes. Están ubicados en el panel superior en la esquina izquierda. ¿Por qué es conveniente hacerlo en este programa? Porque todos los cambios de fuente en tu título son visibles inmediatamente. Elija una fuente que coincida con el nombre de su sitio. Una fuente que seguro te gustará. Una vez seleccionada, copie el nombre de la fuente en Worde.
  2. Regresamos al panel de administración del sitio. En la línea para cambiar la fuente (en la figura, el cuadrado azul superior) ingresamos el nombre de la fuente seleccionada en lugar de la predeterminada.
  3. En la parte inferior de la página, haga clic en "Actualizar archivo".
  4. Vayamos al sitio y veamos si la fuente encaja bien en el contexto general. Si no, regresa a Word y selecciona otro. Todo.

Cómo cambiar el tamaño de fuente del título del sitio

Esto se hace en la misma plantilla del editor. En la imagen de arriba hay un segundo cuadrado azul. Todo lo que necesitas hacer allí es poner diferentes números: la fuente se hará más grande o más pequeña dependiendo de lo que necesites. Guardamos los cambios, vamos al sitio y vemos si todo nos conviene.

Cómo cambiar el color de fuente del título del sitio

Esto se hace ahí. Hay una línea en el siguiente bloque donde cambiamos la fuente y su tamaño. Se parece a esto:

Para seleccionar un color, puede utilizar una de las opciones de tema: Consola - Apariencia - Fondo. En la línea “Color de fondo”, puedes seleccionar un color, copiar su valor alfanumérico y pegarlo en lugar de lo que era (en mi caso #11006a). Guardar cambios. Vayamos al sitio y admíremoslo.

Así que cambiar fuente, color y tamaño, necesitas realizar cambios en solo 3 líneas del editor. Con poca habilidad se necesita muy poco tiempo.

Título agradable y fácil de leer.

coherente con el espíritu general del tema,

Hará que tu blog sea más atractivo y memorable.

¡Experimenta, elige lo que más te guste!

PD Cuando hago cambios incluso menores en los archivos del editor de temas, por si acaso, copio todo el texto modificado en el Bloc de notas, en la carpeta donde se almacena el zip del tema instalado en mi sitio. En el caso de que el sitio se estropee repentinamente y surja la necesidad de reinstalar el tema, he guardado todos los archivos modificados a mi gusto. Todo lo que queda es transferir los archivos a las carpetas apropiadas en el alojamiento al reinstalar WordPress o el tema.

En los siguientes artículos, a medida que transformo mi blog, cambiaremos con la misma facilidad el color de fondo, las fuentes de los encabezados en las categorías, los artículos, el color de los enlaces; en una palabra, cualquier elemento.

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, debes aplicar el atributo de color de la etiqueta :

Para establecer un color, simplemente especifique su nombre, por ejemplo: rojo, verde, azul. Veamos un pequeño ejemplo:

<span>Lección 6. Cambiar el color del texto</span>

Texto verde

Texto rojo

Texto morado



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. Puedes ver la lista completa de colores 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 un 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 Photoshop. Veamos un ejemplo y escribamos el siguiente código:

<span>Lección 6. Cambiar el color del texto</span>

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 el sistema numérico hexadecimal, o en otras palabras, configuramos 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:

<span>Le damos al texto varios parámetros.</span>

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, hay que afrontar varios retos de 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 comprender cómo cambiar el color del texto en HTML, simplemente mire la lista de atributos del campo de texto. Entre ellos hay una serie de valores que determinan el estilo del texto encerrado en estas etiquetas, que se especifican dentro de la palabra clave style.

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. Dentro de este atributo, puede especificar diferentes valores de 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 de los dos puntos, debe especificar el color en el que se coloreará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 todas las versiones modernas de HTML y también le permite cambiar el estilo de varios elementos de la página a la vez.

Para comprender cómo cambiar el color del texto en HTML usando CSS, no es necesario comprender el lenguaje de apariencia formal. 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