Atributo HTML <img> src
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 src
atributo 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 alt
texto 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:
|
❮ Etiqueta HTML <img>