Uso de la etiqueta HTML <img> para mostrar una imagen

La etiqueta HTML correcta para mostrar una imagen en un sitio web es <img>. Este resultado se puede verificar en la pregunta ID: 2083.

La etiqueta <img> es una de las etiquetas más utilizadas en HTML. Sirve para incorporar imágenes en nuestras páginas web. Para que funcione correctamente, la etiqueta <img> debe tener al menos el atributo de 'src', que indica la ubicación de la imagen que se desea mostrar en la página.

Aquí hay un ejemplo práctico de cómo usar la etiqueta <img> para mostrar una imagen:

<img src="ruta/de/la/imagen.jpg" alt="Descripción de la imagen">

En el ejemplo anterior, src apunta a la ubicación de la imagen que queremos mostrar, podría ser local o en línea. Mientras que alt proporciona una descripción de la imagen, que se mostrará si la imagen no se puede cargar o leer, y es esencialmente importante para la accesibilidad web.

Las etiquetas <picture>, <image> y <pic> no existen en HTML5 estandarizado, aunque algunas de ellas pueden haber sido utilizadas en versiones experimentales de HTML.

Además, es posible utilizar varias propiedades para ajustar la apariencia de una imagen en una página web. Entre ellas se pueden modificar la altura (height), el ancho (width), entre otros atributos.

Como mejor práctica, se recomienda siempre utilizar el atributo alt en la etiqueta <img> para asegurarse de que su sitio web sea fácilmente accesible para todas las audiencias, incluyendo las personas que dependen de lectores de pantalla. Además, proporcionar un texto alternativo relevante puede mejorar el posicionamiento SEO de su página.

Finalmente, recuerde siempre asegurarse de que tiene los derechos para usar cualquier imagen que incluya en su sitio web, para evitar problemas legales en el futuro.