Attribut HTML <img> src

❮ Balise HTML <img>

Exemple

Une image est balisée comme suit :

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

Définition et utilisation

L' srcattribut obligatoire spécifie l'URL de l'image.

Il existe deux manières de spécifier l'URL dans l' src attribut :

1. URL absolue - Liens vers une image externe hébergée sur un autre site Web. Exemple : src="https://www.w3schools.com/images/img_girl.jpg".

Remarques : Les images externes peuvent être sous copyright. Si vous n'obtenez pas la permission de l'utiliser, vous enfreignez peut-être les lois sur le droit d'auteur. De plus, vous ne pouvez pas contrôler les images externes ; il peut soudainement être supprimé ou modifié.

2. URL relative - Liens vers une image hébergée sur le site Web. Ici, l'URL n'inclut pas le nom de domaine. Si l'URL commence sans barre oblique, elle sera relative à la page en cours. Exemple : src="img_fille.jpg". Si l'URL commence par une barre oblique, elle sera relative au domaine. Exemple : src="/images/img_fille.jpg".

Conseil : Il est presque toujours préférable d'utiliser des URL relatives. Ils ne se briseront pas si vous changez de domaine.

Remarque : Une icône de lien rompu et le alttexte s'affichent si le navigateur ne trouve pas l'image. 


Prise en charge du navigateur

Attribute
src Yes Yes Yes Yes Yes

Syntaxe

<img src="URL">

Valeurs d'attribut

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

❮ Balise HTML <img>