Etiqueta de estilo HTML

"La etiqueta de estilo de HTML se puede utilizar para embellecer la apariencia de su página web. Incluye, pero no se limita a cambiar los estilos de fuente, los tamaños de fuente, los colores de fuente, la alineación de texto, el color de fondo de texto, etc. En este artículo, le mostraremos cómo puede usar la etiqueta de estilo de HTML de múltiples maneras y cambiar la perspectiva general de su página web."

Cómo usar la etiqueta de estilo de HTML?

Hay múltiples formas en que puede usar la etiqueta de estilo de HTML. Algunos de ellos se explican en los siguientes cinco ejemplos:

Ejemplo 1: Cambiar la familia de fuentes del texto

Con la ayuda de este ejemplo, aprenderemos a usar diferentes estilos de fuentes para nuestro texto usando la etiqueta de estilo HTML. El script HTML para hacer esto se muestra a continuación:

Al usar el script HTML que se muestra arriba, queríamos imprimir la declaración "Bienvenido a Linux Sugerencia!"En cuatro estilos de fuentes diferentes. Para hacerlo, hemos utilizado la etiqueta de estilo HTML seguida del atributo de fuentes-familias y el nombre de la fuente respectiva. Después de eso, mencionamos la declaración de que queríamos aparecer en diferentes estilos de fuentes.

Los cuatro estilos de fuentes diferentes que hemos usado en nuestro script se pueden ver en la siguiente página web:

Ejemplo 2: Cambiar el tamaño de fuente del texto

En este ejemplo, aprenderemos a cambiar el tamaño de fuente de nuestro texto utilizando la etiqueta de estilo de HTML para la cual hemos escrito el script que se muestra a continuación:

En este script, hemos utilizado el atributo de tamaño de fuente con la etiqueta de estilo HTML y hemos utilizado diferentes tamaños de fuente en porcentajes, así como en píxeles para nuestro texto deseado.

Puede ver en la siguiente página web que nuestro texto especificado ha aparecido en diferentes tamaños de fuentes:

Ejemplo 3: Cambiar el color de fuente del texto

Con este ejemplo, le diremos cómo puede cambiar el color de fuente de su texto utilizando la etiqueta de estilo HTML, para la cual tendrá que consultar el script que se muestra a continuación:

Al igual que nuestros dos primeros scripts de ejemplo, también hemos usado la misma etiqueta de estilo en este ejemplo. Sin embargo, esta vez, hemos utilizado el atributo de color para mostrar nuestro texto deseado en diferentes colores.

Nuestro texto especificado en diferentes colores se muestra en la página web en la siguiente imagen:

Ejemplo 4: Cambiar la alineación del texto

Ahora, hablaremos sobre cambiar la alineación del texto utilizando la etiqueta de estilo de HTML. Para eso, hemos creado el script HTML que se muestra a continuación:

En este script, hemos usado el mismo texto que queríamos aparecer en tres alineaciones diferentes, yo.mi., centro, derecha e izquierda. Hemos utilizado la etiqueta de estilo de HTML para este propósito, seguido del atributo de alineación de texto.

Nuestro texto de muestra en tres alineaciones diferentes se muestra en la siguiente página web:

Ejemplo 5: Cambiar el color de fondo del texto

Finalmente, aprenderemos a cambiar el color de fondo de nuestro texto utilizando la etiqueta de estilo HTML, para la cual usaremos el script que se muestra a continuación:

En este script, simplemente hemos usado la etiqueta de estilo HTML seguida del atributo de color de fondo para usar diferentes fondos para nuestro texto.

Nuestro texto de muestra con diferentes colores de fondo se muestra en la siguiente página web:

Conclusión

Este artículo se centró en la etiqueta de estilo de HTML. Para resaltar la importancia de esta etiqueta HTML, le demostramos cinco ejemplos diferentes que hicieron uso de esta etiqueta de múltiples maneras. Siguiendo estos ejemplos, puede modificar fácilmente el estilo de fuente, el tamaño de la fuente, el color de fuente, la alineación de texto y el color de fondo de texto de su página web, y por lo tanto, puede darle un aspecto atractivo y eso también en unos segundos en unos segundos.