Les images, comme tous les autres éléments d'une page Web, sont affichées par le navigateur conformément aux instructions détaillées envoyées par le serveur. Ces instructions sont écrites en HTML (HyperText Markup Language) et sont constituées de « balises ». Les balises décrivent le type de tous les éléments d'une page Web, leur emplacement et leur apparence.
Instructions
Étape 1
Vous devez d'abord télécharger le fichier image sur le serveur. Cela peut être fait en utilisant FTP (File Transfer Protocol) via un programme spécial. Ces programmes sont appelés clients FTP - par exemple, Cute FTP, WS FTP, FlashFXP et autres. Mais vous pouvez le télécharger via le gestionnaire de fichiers, qui devrait se trouver dans le panneau de configuration de l'hébergement sur lequel votre site est hébergé. Le gestionnaire de fichiers vous permet de télécharger des fichiers via votre navigateur.
Étape 2
Après cela, vous devez mettre la balise correspondante dans le code html de la page souhaitée. C'est-à-dire que vous devriez trouver cette page et ouvrir son code source pour l'éditer. Si vous avez un fichier de page, vous pouvez l'ouvrir avec un simple éditeur de texte - par exemple, le Bloc-notes standard. Et si vous utilisez un système pour gérer le site, alors dans le panneau d'administration de ce système, recherchez l'éditeur de page et ouvrez-y la page souhaitée. Après cela, il reste à insérer la balise d'image à l'endroit dont vous avez besoin sur la page et à enregistrer les modifications.
Étape 3
En savoir plus sur la balise elle-même - dans sa forme la plus simple, elle peut ressembler à ceci: La balise contient diverses informations supplémentaires - des "attributs". Il n'y a qu'un seul attribut requis pour la balise d'image - src. Il indique au navigateur l'adresse où il doit récupérer le fichier contenant le carnink. Si ce fichier se trouve sur le serveur dans le même dossier (ou sous-dossier) que la page elle-même, alors il suffit de préciser uniquement son nom ou le chemin d'accès au sous-dossier. De telles adresses sont dites "relatives". Et une adresse absolue pourrait ressembler à ceci:
--Un autre attribut - alt="Image" - contient le texte qui apparaît dans l'info-bulle au survol de la souris: Les autres attributs - titre font la même chose: - Deux attributs - largeur et hauteur - définissent la taille du rectangle dans lequel le navigateur affichera l'image: ces attributs ne sont pas obligatoires, mais si quelque chose ne va pas et que l'image ne peut pas se charger, alors tous les autres éléments de la page peuvent être déplacés, car le navigateur ne reconnaît pas les dimensions que le navigateur l'image aurait dû occuper. Les dimensions sont spécifiées en "pixels" - c'est l'unité de mesure principale utilisée dans la mise en page. - L'attribut border définit la largeur de la bordure autour de l'image (en pixels): une bordure bleue autour par défaut. Pour s'en débarrasser, vous devez définir la valeur de la bordure à zéro: - Deux attributs définissent l'indentation de l'image à partir d'éléments adjacents (par exemple, à partir de lignes de texte) - hspace définit l'indentation horizontale (gauche et droite), vspace - verticalement (en bas et en haut): - Ce sont les attributs les plus couramment utilisés, et il y en a plus de 50 pour cette balise !
