HTML i

La etiqueta <i> en HTML es utilizada para indicar texto en cursiva. Al utilizar esta etiqueta, el texto contenido dentro de ella se mostrará en cursiva en el navegador.

Ejemplo:

<p>Este es un <i>ejemplo</i> de texto en cursiva</p>
Lenguaje del código: HTML, XML (xml)

Es recomendable usar la etiqueta <em> para indicar énfasis en lugar de <i>, ya que <em> tiene un significado semántico más preciso y es más accesible.

Ejemplos de uso

Un ejemplo de uso de la etiqueta <i> en HTML sería el siguiente:

<p>Este es un <i>ejemplo</i> de texto en cursiva</p>
Lenguaje del código: HTML, XML (xml)

En este caso, la palabra “ejemplo” aparecería en cursiva dentro del párrafo.

Otro ejemplo podría ser el siguiente:

<h2>Libros recomendados <i>del mes</i></h2>
Lenguaje del código: HTML, XML (xml)

En este caso, la frase “del mes” aparecería en cursiva dentro del título del h2.

También se podría utilizar la etiqueta <i> en conjunto con otras etiquetas y atributos CSS para modificar el diseño y formato del texto en cursiva.

<p>Este <i style="color:blue;">texto</i> esta en cursiva y azul</p>
Lenguaje del código: HTML, XML (xml)

En este caso, la palabra “texto” aparecería en cursiva y en color azul.

Atributos

La etiqueta <i> en HTML no tiene atributos específicos, pero se puede utilizar en conjunto con otras etiquetas y atributos CSS para modificar el diseño y formato del texto en cursiva. Algunos de los atributos más comunes que se utilizan con la etiqueta <i> son:

  • style: permite aplicar estilos CSS directamente al elemento, como por ejemplo el color, tamaño de fuente, etc.
  • class y id: estos atributos permiten asignar una clase o un identificador al elemento, lo que permite aplicar estilos CSS de forma más precisa y específica.

Es importante señalar que la etiqueta <i> es una etiqueta semántica, no debe ser utilizada solo con fines de estilos, es recomendable usar <em> para indicar énfasis y estilos CSS para dar formato al texto.

Atributos globales

Además de los atributos mencionados anteriormente, también se pueden utilizar otros atributos universales en la etiqueta <i>, como por ejemplo:

  • title: permite agregar una descripción adicional o una sugerencia de herramienta para el elemento.
  • lang: permite especificar el idioma del contenido dentro del elemento.
  • dir: permite especificar la dirección del texto dentro del elemento (izquierda a derecha o derecha a izquierda).
  • accesskey: permite asignar un atajo de teclado para el elemento.

Sin embargo, como ya mencione anteriormente, es importante señalar que la etiqueta <i> es una etiqueta semántica, no debe ser utilizada solo con fines de estilos, es recomendable usar <em> para indicar énfasis y estilos CSS para dar formato al texto.