Attributo HTML <img> src

❮ Tag HTML <img>

Esempio

Un'immagine è contrassegnata come segue:

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

Definizione e utilizzo

L' srcattributo obbligatorio specifica l'URL dell'immagine.

Esistono due modi per specificare l'URL src nell'attributo:

1. URL assoluto : collegamenti a un'immagine esterna ospitata su un altro sito Web. Esempio: src="https://www.w3schools.com/images/img_girl.jpg".

Note: le immagini esterne potrebbero essere protette da copyright. Se non ottieni il permesso per usarlo, potresti violare le leggi sul copyright. Inoltre, non puoi controllare le immagini esterne; può essere improvvisamente rimosso o modificato.

2. URL relativo : collegamenti a un'immagine ospitata all'interno del sito Web. Qui, l'URL non include il nome di dominio. Se l'URL inizia senza una barra, sarà relativo alla pagina corrente. Esempio: src="img_girl.jpg". Se l'URL inizia con una barra, sarà relativo al dominio. Esempio: src="/images/img_girl.jpg".

Suggerimento: è quasi sempre meglio utilizzare URL relativi. Non si romperanno se cambi dominio.

Nota:alt se il browser non riesce a trovare l'immagine, vengono visualizzati  un'icona di collegamento interrotto e il testo.


Supporto del browser

Attribute
src Yes Yes Yes Yes Yes

Sintassi

<img src="URL">

Valori di attributo

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")

❮ Tag HTML <img>