Après avoir copié certains graphiques et codes d'effets spéciaux d'images de certains sites Web, des problèmes tels que les images qui ne s'affichent pas surviennent toujours. Voici un tutoriel connexe spécialement écrit pour ces débutants ! Concernant l'application d'images dans les pages Web, c'est-à-dire l'application de balises d'image dans les pages Web, permettez-moi de vous le résumer !
1) Aperçu du balisage d'image.
Si une page Web ne contient que du texte mais pas d'images, elle perdra beaucoup de vitalité. Les images sont un aspect très important dans la production de pages Web. HTML Professional fournit la balise <IMG> pour afficher des images sur la page Web. Cette balise a les attributs SRC, ALT, ALIGN, BORDER, WIDTH et HEIGHT.
2) Introduction aux attributs.
Attribut SRC. Pour la balise <IMG>, son attribut SRC est un attribut nécessaire, c'est-à-dire que SRC doit se voir attribuer une valeur dans la balise <IMG> et constitue un élément indispensable de la balise. À ce stade, IMG doit être rédigé dans le format suivant :
Ce qui suit est un fragment de citation :
<IMG SRC="valeur du paramètre">
Parmi eux, la valeur du paramètre est le nom complet du fichier et le chemin de l'image.
Nous savons que les fichiers image occupent généralement beaucoup plus de place que les fichiers texte brut tels que les documents HTML, et la conception Web nécessite souvent l'ajout de nombreuses images pour augmenter l'attrait. Si ces fichiers image sont ajoutés au document HTML, celui-ci deviendra très volumineux. De grande taille, la transmission sur le réseau sera forcément très lente.
La balise <IMG> n'ajoute pas réellement l'image au document HTML, mais indique à HTML : De quel fichier image s'agit-il ? Où? Pour que HTML puisse l'appeler depuis l'emplacement d'origine du fichier image. La fonction de l'attribut SRC est de répondre à ces deux questions, donc la valeur du paramètre de l'attribut SRC doit avoir le nom complet du fichier image, c'est-à-dire le nom et l'extension du fichier, tels que logo.gif, qui répond à la question. question de savoir de quel fichier image il s'agit ; La valeur du paramètre doit également avoir le chemin d'accès au fichier image afin que HTML sache où trouver le fichier image. Parmi les valeurs des paramètres de l'attribut SRC, comment écrire le chemin du fichier image est souvent un problème pour les débutants.
Le chemin d'accès au fichier image peut être un chemin relatif ou une URL. Le chemin dit relatif fait référence au chemin formé par la position relative du fichier à lier ou à intégrer dans le document HTML actuel et le fichier HTML actuel. Si le fichier HTML et le fichier image (en supposant que le nom soit logo.gif) se trouvent dans le même répertoire, vous pouvez écrire le code sous la forme <IMG SRC="logo.gif"> si le fichier image est placé dans un répertoire où le fichier HTML actuel se trouve dans le sous-répertoire (en supposant que le sous-répertoire soit nommé images), le code doit être <IMG SRC="images/logo.gif"> si le fichier image est placé dans le répertoire supérieur du répertoire où se trouve le fichier HTML actuel ; le fichier est localisé (en supposant que le répertoire supérieur soit nommé home ), le chemin relatif doit être une quasi-URL, c'est-à-dire utiliser "../" pour représenter le site Web du développeur, suivi du chemin du fichier image dans le site Web du développeur . Par exemple, en supposant que home est un répertoire sous ce site Web, le code doit être <IMG SRC=”../home/logo.gif”> Si home est un sous-répertoire sous le répertoire king sous le site Web, le code doit être. écrit est <IMG SRC=”../king/home/logo.gif”>.
Autres attributs. Les attributs ALT, ALIGN, BORDER, WIDTH et HEIGHT de la balise <IMG> sont facultatifs. L'attribut ALIGN est l'alignement de l'image, et les valeurs des paramètres sont gauche, centre et droite ; BORDER est la bordure de l'image, et son paramètre est supérieur ou égal à 0, et l'unité par défaut est le pixel ; Attributs WIDTH et HEIGHT C'est la largeur et la hauteur de l'image, et l'unité par défaut de ses paramètres est le pixel ; l'attribut ALT est le texte affiché lorsque la souris passe sur l'image. Je rappelle à tout le monde que vous devez l'utiliser. attribut lors de la création de pages Web. Quel est le but de cette opération ? Il peut afficher un texte d'invite lorsque l'image ne peut pas être affichée pour une raison quelconque, ce qui augmente la convivialité.