Atributo HTML <img> src

❮ Etiqueta HTML <img>

Ejemplo

Una imagen se marca de la siguiente manera:

<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">

Definición y uso

El srcatributo requerido especifica la URL de la imagen.

Hay dos formas de especificar la URL en el src atributo:

1. URL absoluta : enlaces a una imagen externa alojada en otro sitio web. Ejemplo: src="https://www.w3schools.com/images/img_girl.jpg".

Notas: las imágenes externas pueden estar protegidas por derechos de autor. Si no obtiene permiso para usarlo, es posible que esté violando las leyes de derechos de autor. Además, no puede controlar imágenes externas; se puede quitar o cambiar repentinamente.

2. URL relativa : enlaces a una imagen alojada en el sitio web. Aquí, la URL no incluye el nombre de dominio. Si la URL comienza sin una barra inclinada, será relativa a la página actual. Ejemplo: src="img_girl.jpg". Si la URL comienza con una barra inclinada, será relativa al dominio. Ejemplo: src="/images/img_girl.jpg".

Sugerencia: casi siempre es mejor usar URL relativas. No se romperán si cambias de dominio.

Nota: Se muestra un icono de enlace roto y el alttexto si el navegador no puede encontrar la imagen. 


Compatibilidad con navegador

Attribute
src Yes Yes Yes Yes Yes

Sintaxis

<img src="URL">

Valores de atributos

Value Description
URL The URL of the image.

Possible values:

  • An absolute URL - points to another web site (like src="http://www.example.com/image.gif")
  • A relative URL - points to a file within a web site (like src="image.gif")

❮ Etiqueta HTML <img>