Html yo etiqueta

Html yo etiqueta
Las fuentes juegan un papel vital en hacer que una página web sea atractiva para los usuarios. El tamaño, el estilo y el color de las fuentes también tienen un gran impacto en el aspecto de los sitios web. CSS nos permite personalizar estos atributos de fuentes utilizando varias familias de fuentes genéricas, como sans-serif, monoespace, cursive, serif y fantasy. Más específicamente, en estas fuentes, CSS permite tres estilos principales "itálico","normal", y "oblicuo".

Esta publicación lo guiará sobre el HTML etiqueta. Empecemos!

Que es html Etiqueta?

Html ""La etiqueta se usa para transformar el estilo del texto normal como"itálico". La mayoría de las veces, se usa en un párrafo o una oración para indicar términos técnicos, otras frases lingüísticas y más.

Sintaxis

Para utilizar el HTML Etiqueta, siga la sintaxis dada:

En la sintaxis anterior:

  • es la etiqueta inicial.
  • es la etiqueta final.

Implementemos un ejemplo para observar el comportamiento de etiqueta.

Ejemplo: cómo en cursiva el texto en HTML?

En html, primero, agregue un . Dentro de esto, coloque un etiqueta y agregue el texto que debe aparecer en cursiva. Después de eso, agregue los otros elementos requeridos.

Html


ITÁLICO

es un estilo de fuentes!


En CSS, aplicaremos varios estilos al elemento:

  • Primero el "color de fondo"Del div se establece como"RGB (68, 68, 68)".
  • Para dar color al texto, el "color"El valor de la propiedad se establece como"RGB (251, 255, 0)".
  • El "tamaño de fuente"El valor de la propiedad se establece como"60px","Familia tipográfica" como "serif", y "texto alineado" como "centro".
  • Después de eso, asigne el "margen-top"Propiedad como"8px".
  • "ancho" como "90%".
  • "altura" como "200px".
  • "relleno"Valor de propiedad como"5px".

Puede establecer propiedades de estilo de acuerdo con sus requisitos.

CSS

div
Color de fondo: RGB (68, 68, 68);
Color: RGB (251, 255, 0);
tamaño de fuente: 60px;
Font-Family: serif;
Text-Align: Center;
margen-top: 8px;
Ancho: 90%;
Altura: 200px;
relleno: 5px;

Producción

Hasta ahora, hemos discutido cómo el HTML La etiqueta funciona. En la siguiente sección, veremos cómo podemos proporcionar estilos para enviar mensajes de texto usando CSS.

Estilos de fuente en CSS

Además de usar el HTML TAG, CSS también ofrece diferentes estilos de fuentes. Pasemos al siguiente ejemplo que demuestra los valores de propiedad de estilo fuente de CSS.

Ejemplo: Cómo usar estilos de fuentes en CSS?

Dentro de la etiqueta del cuerpo del archivo HTML, agregue un y coloque tres

Etiquetas, cada una con diferentes nombres de clase como "itálico","oblicuo", y "normal" en eso. Cada

La etiqueta comprende algún contenido en el que se deben aplicar los estilos de fuente.

Html

Estilo de fuente HTML: cursiva


Estilo de fuente HTML: oblicuo


Estilo de fuente HTML: Normal

En CSS, acceda a cada clase y diseñe la fuente respectivamente. Para hacerlo, el "pag.itálico"Se usa para acceder al

etiqueta que tiene una clase llamada cursiva. Del mismo modo, el "pag.oblicuo" y "pag.normal"Se utilizan para acceder a las etiquetas P que tienen clases oblicuas y normales respectivamente. Después de eso, el estilo de fuente relacionado se establecerá como cursiva, oblicua y normal utilizando la propiedad de estilo fuente.

CSS

pag.cursiva
estilo de fuente: cursiva;

pag.oblicuo
estilo fuente: oblicuo;

pag.normal
estilo de fuente: normal;

Ahora nuestra página web se verá así:

Hemos explicado el HTML Etiqueta con algunos ejemplos útiles.

Conclusión

En HTML, el ""La etiqueta se usa para hacer que el texto sea en cursiva. También puede aplicar la propiedad de estilo fuente al texto utilizando CSS. Los valores de la propiedad de los estilos de fuente son cursivas, normales y oblicuas. Este blog discutió el HTML Etiqueta con un ejemplo práctico.