Énigmes de production de pages Web : chemin du fichier image_HTML/Xhtml_Production de pages Web

Cet article est original de Script House Lightning. Vous pouvez supprimer cette phrase lors de sa réimpression, mais ne modifiez pas le contenu de l'article sous quelque excuse ou méthode que ce soit, sinon vous serez responsable des conséquences ! Veuillez indiquer l'auteur et la source lors de la réimpression.
Il y a longtemps jusqu'à présent, de nombreux internautes m'ont posé des questions similaires, surtout après avoir copié certains codes de graphiques et d'effets spéciaux d'images sur ce site, des problèmes tels que les images ne s'affichent toujours pas, sont ici spécifiquement pour ces débutants Écrivez un tutoriel connexe. Si vous n'avez pas de questions à ce sujet, partez !
Concernant l'application des images dans les pages Web, c'est-à-dire l'application des balises d'image dans les pages Web, permettez-moi de la résumer pour tout le monde !
1) Aperçu du balisage des images.
Si la page Web ne contient que du texte mais pas d'images, elle semble avoir perdu beaucoup de vitalité. Les images sont un aspect très important dans la production de pages Web HTML Professional fournit la balise pour générer des images. à la page Web. Cette balise a les attributs SRC, ALT, ALIGN, BORDER, WIDTH et HEIGHT.
2) Introduction des attributs.
Attribut SRC. Pour la balise , son attribut SRC est un attribut nécessaire, c'est-à-dire que SRC doit se voir attribuer une valeur dans la balise et est une partie indispensable de la balise. À ce stade, IMG doit être écrit dans le format suivant :

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, le document HTML le sera. devient très important, la transmission sur le réseau sera forcément très lente. La balise
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, le code peut être écrit sous la forme si le fichier image est placé dans un sous-répertoire du répertoire où se trouve le fichier HTML actuel ; se trouve (en supposant que le nom du sous-répertoire est (pour les images), le code doit être  ; si le fichier image est placé dans le répertoire supérieur du répertoire où se trouve le fichier HTML actuel (en supposant que le répertoire supérieur est nommé home) , le chemin relatif doit être un quasi-site Web, c'est-à-dire utiliser ". ./" pour représenter le site Web du développeur, suivi du chemin du fichier image sur le site Web du développeur. Par exemple, en supposant que home est un répertoire de ce site Web, le code doit être . Si home est un sous-répertoire du répertoire king du site Web, le code doit être écrit sous la forme .
Autres attributs. Les attributs ALT, ALIGN, BORDER, WIDTH et HEIGHT de la balise 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 vous rappelle 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é.