HTML <img> src Attribut

❮ HTML <img> tag

Exemple

Une image est définie comme suit :

<img src="img_girl.jpg" alt="Fille en veste" width="500" height="600">
Essayez-le vous-même »

Définition et Utilisation

L'attribut requis src spécifie l'URL de l'image.

Il existe deux façons de spécifier l'URL dans l'attribut src :

1. URL Absolue - Lien vers une image externe hébergée sur un autre site web. Exemple : src="https://www.formation-ti.org/images/img_girl.jpg".

Remarques : Les images externes peuvent être protégées par des droits d'auteur. Si vous n'obtenez pas la permission de les utiliser, vous pourriez enfreindre les lois sur le droit d'auteur. De plus, vous ne pouvez pas contrôler les images externes ; elles peuvent être soudainement supprimées ou modifiées.

2. URL Relative - Lien 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 actuelle. Exemple : src="img_girl.jpg". Si l'URL commence par une barre oblique, elle sera relative au domaine. Exemple : src="/images/img_girl.jpg".

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

Remarque : Une icône de lien brisé et le texte alt s'affichent si le navigateur ne peut pas trouver l'image.

Support des Navigateurs

Attribut
src Oui Oui Oui Oui Oui

Syntaxe

<img src=" URL ">

Valeurs d'Attribut

Valeur Description
URL L'URL de l'image.

Valeurs possibles :

  • Une URL absolue - pointe vers un autre site web (comme src="http://www.example.com/image.gif")
  • Une URL relative - pointe vers un fichier dans un site web (comme src="image.gif")
❮ HTML <img> tag