Comment insérer des images HTML

En HTML, les images peuvent être insérées via la balise . Le code inséré est tel que "<img src="dinosaur.jpg">", où l'attribut src contient un pointeur vers. l'image que nous voulons introduire. Le chemin peut être un chemin relatif ou une URL absolue.

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur DELL G3.

Nous pouvons utiliser l'élément pour mettre des images sur la page Web. Il s'agit d'un élément vide (il n'a pas besoin de contenir de texte ni de balise de fermeture) et nécessite au moins un src (généralement lu comme son nom complet, source) pour le rendre efficace. L'attribut src contient le chemin d'accès à l'image que nous souhaitons inclure, qui peut être un chemin relatif ou une URL absolue, tout comme l'attribut href de l'élément .

Remarque : Avant de continuer, vous devez lire les URL et chemins de démarrage rapide pour examiner les URL relatives et absolues.

Par exemple, si vous avez une image nommée dinosaure.jpg et qu'elle est stockée dans le même chemin que votre page HTML, alors vous pouvez l'intégrer comme ceci :

<img src="dinosaur.jpg">

Si cette image est stocké dans le dossier images avec le même chemin que la page HTML (ceci est également recommandé par Google, ce qui est bénéfique pour le référencement/indexation), alors vous pouvez utiliser le formulaire suivant :

<img src="images/dinosaur.jpg">

et ainsi de suite.

Remarque : les moteurs de recherche lisent également les noms de fichiers des images et les comptent dans le référencement. Par conséquent, vous devez donner à votre image un nom de fichier descriptif : dinosaure.jpg est meilleur que img835.png.

Vous pouvez également utiliser un chemin absolu comme celui-ci :

<img src="https://www.example.com/images/dinosaur.jpg">

Cependant, cela n'est pas recommandé et ne fera que forcer le navigateur à faire plus de travail, comme retransmettre le DNS. Recherchez ensuite l'adresse IP. . Habituellement, nous mettons les images et le HTML sur le même serveur.

[Apprentissage recommandé : Tutoriel vidéo HTML]

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!