La etiqueta <i> en HTML se usa para mostrar el contenido en cursiva. Esta etiqueta generalmente se usa para mostrar el término técnico, la frase, la palabra importante en un idioma diferente. La etiqueta <i> es una etiqueta contenedora que contiene la etiqueta de apertura, el contenido y la etiqueta de cierre.
Sintaxis:
<i> Contents</i>
Los siguientes ejemplos de código ilustran el uso de la etiqueta <i> en HTML.
Ejemplo 1: Este es un ejemplo simple que ilustra la etiqueta <i> para hacer el texto en cursiva en HTML.
HTML
<!DOCTYPE html> <html> <head> <title>HTML i Tag</title> </head> <body> <h1>GeeksforGeeks</h1> <h3>HTML i tag</h3> <div> <p> <i>A Computer Science portal for geeks.</i> It contains well written, well thought and well explained computer science and programming articles </p> </div> </body> </html>
Producción:
Etiqueta HTML <i>
Ejemplo 2: En este ejemplo, hemos usado la etiqueta <i> y la etiqueta < p> para ilustrar la diferencia en la apariencia del texto mientras lo renderizamos.
HTML
<!DOCTYPE html> <html> <head> <title>HTML Italic Tag</title> </head> <body> <h1>GeeksforGeeks</h1> <h3>HTML i tag</h3> <p>This is normal text written inside p tag</p> <!--HTML <i>(italic) tag is used here--> <i>This text is in italic font style</i> </body> </html>
Producción:
Estilo de fuente en cursiva usando la etiqueta HTML <i>
Ejemplo 3: Un texto se puede escribir en cursiva usando CSS también. Cuando la propiedad de estilo de fuente CSS se establece en cursiva, el texto se puede ver de la siguiente manera:
HTML
<!DOCTYPE html> <html> <head> <title>HTML Italic Tag</title> </head> <body> <h1>GeeksforGeeks</h1> <h3>HTML i tag</h3> <!--Example for font-style: italic --> <p style="font-style: italic;"> This text content is in italic font. </p> <h5>Note:This example is only possible when the font-style property is kept "italic" in CSS </h5> </body> </html>
Producción:
Establecer el estilo de fuente en cursiva usando la propiedad de estilo de fuente
Uso:
- Use la etiqueta <i> para las palabras que desea mostrar de manera diferente a la frase normal para fines de legibilidad
- Las etiquetas como <i> y <b> ahora definen la semántica en lugar de la apariencia tipográfica. Entonces, para mostrar texto en cursiva, los usuarios pueden usar la propiedad de estilo de fuente CSS.
- Use la etiqueta <i> solo cuando no esté marcada con estos elementos:
Navegadores compatibles:
- Google Chrome 1 y superior
- explorador de Internet
- Microsoft Edge 12 y superior
- Firefox 1 y superior
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA