Comment ajouter un chemin img en HTML

Dans la balise img en HTML, vous pouvez utiliser l'attribut "src" pour ajouter le chemin de l'image img, qui sert à spécifier l'URL de l'image, avec la syntaxe "". L'URL peut être un chemin relatif, tel que "../image/*jpg/" ; elle peut également être un chemin absolu, c'est-à-dire l'URL complète pointant vers le fichier image.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

La balise HTML

définit une image dans une page HTML.

Remarque : Techniquement, les images ne sont pas insérées dans la page HTML, mais liées à celle-ci. La balise crée un espace réservé pour l'image référencée.

Attribut HTML src

L'attribut src de la balise img est obligatoire. Il précise l'URL de l'image.

Syntaxe

<img src="URL">

Remarque : Lorsqu'une page Web se charge, le navigateur récupère l'image du serveur Web et l'insère dans la page. Par conséquent, assurez-vous que l’image se trouve au même endroit que la page Web concernée, sinon les visiteurs pourraient obtenir une icône de lien rompu. Si le navigateur ne trouve pas l'image, il affichera une icône de lien rompu.

[Tutoriel recommandé : "Tutoriel vidéo HTML"]

Utilisation du chemin d'image Méthode

1. Les fichiers *html et *.jpg (f drive) sont dans des répertoires différents :

<img src="file:///f:/*jpg" width="300" height="120"/>

2. Dans le même répertoire :

<img src=".jpg" width="300" height="120"/>

3. Les fichiers *.html et les images *.jpg sont dans des répertoires différents :

a Les images *.jpg sont dans le dossier image, *html et image. Dans le même répertoire :

 <img src="image/*jpg/"width="300" height="120"/>

b. L'image *jpg est dans le dossier image, *html est dans le dossier connage, image et connage sont dans le même répertoire :

<img src="../image/*jpg/"width="300" height="120"/>

4 . Si l'image provient d'Internet, alors écrivez le chemin absolu :

<img src="http://image.baidu.com/pcindexhot"/width="300" height="120"/>

Informations étendues :

L'absolu path fait référence à la position absolue sous le répertoire, atteignant directement l'emplacement cible, généralement le chemin commençant à partir de la lettre de lecteur (répertoire racine).

Le chemin qui décrit complètement l'emplacement du fichier est un chemin absolu, un chemin de répertoire basé sur le répertoire racine du site Web. Le nom de chemin absolu est spécifié à partir du répertoire racine en haut de l'arborescence des répertoires vers un répertoire ou un fichier. Il se compose d'une série de répertoires consécutifs séparés par des barres obliques jusqu'à ce que le répertoire ou le fichier à spécifier soit le répertoire. ou un fichier vers lequel pointer. La raison pour laquelle on l’appelle absolu signifie que lorsque toutes les pages Web font référence au même fichier, les chemins utilisés sont les mêmes.

//绝对路径，指向一个因特网文件的完整 URL
<img src="https://img.php.cn/upload/article/202102/26/2021022610342015759.jpg" alt="flower">

Chemin relatif fait référence à la relation de chemin avec d'autres fichiers (ou dossiers) provoquée par le chemin où se trouve ce fichier. Utiliser des chemins relatifs peut nous apporter beaucoup de commodité. Le chemin absolu HTML fait référence au chemin complet du fichier avec le nom de domaine.

//文件路径指向了位于当前网站根目录中 images 文件夹里的一个文件：
<img src="/images/picture.jpg" alt="flower">

Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!