En HTML, el elemento <img> se utiliza para incrustar imágenes en una página web. A continuación se muestra un ejemplo básico de cómo se utiliza la etiqueta <img> :

HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Image Example</title> </head> <body> <h1>My Web Page</h1> <img src="example.jpg" alt="A descriptive text about the image"> </body> </html>

En este ejemplo:

  • La etiqueta <img> se utiliza para incrustar una imagen.
  • El atributo src especifica la fuente (URL o ruta de archivo) de la imagen. En este caso, es "ejemplo.jpg".
  • El atributo alt proporciona texto alternativo para la imagen. Este texto se muestra si la imagen no se puede cargar o por motivos de accesibilidad.

Es importante incluir siempre el atributo alt para proporcionar texto alternativo significativo para accesibilidad y SEO.

También puedes establecer el ancho y el alto de la imagen usando los atributos width y height :

HTML
<img src="example.jpg" alt="A descriptive text about the image" width="300" height="200">

Además, puedes usar el atributo style para aplicar estilos en línea a la imagen:

HTML
<img src="example.jpg" alt="A descriptive text about the image" style="border: 1px solid #ccc; padding: 10px;">

Recuerde reemplazar "ejemplo.jpg" con la ruta o URL real de su imagen.