Intervalo en cursiva HTML
-
Use la etiqueta
<i>para poner en cursiva el texto en HTML -
Use la etiqueta
<em>para poner en cursiva el texto en HTML -
Use la etiqueta
<span>para poner en cursiva el texto en HTML - Conclusión
Hay varias etiquetas que se utilizan en HTML para mostrar el texto en cursiva. Estas etiquetas resaltan una palabra clave, un término técnico, una frase o una palabra importante en un idioma diferente.
Las etiquetas en cursiva están destinadas principalmente a los usuarios y les ayudan a enfatizar el texto, como las comillas.
Los usuarios prestan especial atención a los contenidos marcados con estas etiquetas. Por lo tanto, podría haber diferentes etiquetas usadas para poner en cursiva el texto, pero en este artículo, las siguientes etiquetas se usan para poner en cursiva el texto en HMTL.
- La etiqueta
<i> - La etiqueta
<em> - La etiqueta
<span>
Use la etiqueta <i> para poner en cursiva el texto en HTML
En HTML, la etiqueta <i> nos ayuda a poner el texto en cursiva y define una parte del texto en un estado de ánimo alternativo. La etiqueta <i> es una etiqueta contenedora que contiene etiquetas de apertura y cierre.
El contenido dentro de la etiqueta <i> generalmente se muestra en cursiva.
Sintaxis:
<i>Contents</i>
Ejemplo de código:
<p><i>Lorem ipsum</i> is the most popular filler text in history.</p>
Use la etiqueta <em> para poner en cursiva el texto en HTML
La etiqueta <em> también se usa para poner texto en cursiva. Un lector pronunciará el contenido dentro de la etiqueta <em> con énfasis usando estrés verbal.
Esta etiqueta de contenedor tiene una etiqueta de apertura y una de cierre, y el texto dentro de la etiqueta <em> se muestra en cursiva.
Sintaxis:
<em>Italic Text</em>
Ejemplo de código:
<p>You <em>have</em> to hurry up!</p>
Use la etiqueta <span> para poner en cursiva el texto en HTML
La etiqueta html <span> es un contenedor en línea genérico que se utiliza para agrupar elementos en línea con fines de estilo. Esta etiqueta ayuda a que un texto en particular o cualquier otro contenido sea diferente del resto.
El <span> es una etiqueta emparejada que tiene etiquetas abiertas < y cerradas >, y cerrar la etiqueta es obligatorio. La etiqueta <span> es similar a <div> pero <div> es una etiqueta a nivel de bloque y span es una etiqueta en línea.
Sintaxis:
<span style="font-style:italic">contents</span>
Ejemplo de código:
<p>The bird is <span style="font-style:italic">flying</span> in the sky.</p>
Veamos un ejemplo de uso de todas estas propiedades en un solo ejemplo.
<!DOCTYPE html>
<html>
<head>
<title>HTML: The i and em span tags</title>
</head>
<body>
<h3>From the Universal Declaration of Human Rights</h3>
<p>
Where recognition of the inherent dignity and of the <i>equal and inalienable rights</i> of <em>all members of the human family</em> is the <span style="font-style: italic;">foundation of freedom, justice and peace</span> in the
world
</p>
</body>
</html>
Conclusión
Para resumir el artículo sobre cómo poner texto en cursiva en HTML, hemos discutido qué son las cursivas y cómo podemos poner un texto en cursiva.
Además, discutimos las diferentes etiquetas utilizadas para poner en cursiva el texto. Las diferentes etiquetas que discutimos en este artículo son <i>, <em> y <span>.
Zeeshan is a detail oriented software engineer that helps companies and individuals make their lives and easier with software solutions.
LinkedIn