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:
<img>
se utiliza para incrustar una imagen.src
especifica la fuente (URL o ruta de archivo) de la imagen. En este caso, es "ejemplo.jpg".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.