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
yid
: 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.