C'est très pratique lorsque la zone du lien actif n'est pas du texte, mais une image. Le langage de balisage HTML est tout à fait capable de le faire. Pour cela, il suffit de combiner les balises d'une manière spéciale.
Instructions
Étape 1
Si tous les fichiers sur le serveur sont stockés dans un dossier, écrivez le code HTML suivant de la page:
‹A href=page.html› En cliquant sur ce lien, vous accédez à une autre page du site ‹/a›
Étape 2
Découvrez comment intégrer des liens vers des pages locales situées sur des sites tiers dans votre code HTML:
‹A href= https://server.domain/folder/page.html› Cliquer sur ce lien vous amènera à une page située sur un site complètement différent ‹/a›
Étape 3
Maintenant, découvrez comment insérer des images dans une page qui sont stockées sur le même serveur que le site, à condition que tous les fichiers de ce serveur soient stockés dans un dossier partagé:
‹Img src = nom de fichier.jpg›
Étape 4
De la même manière, insérez dans la page des images stockées sur des serveurs tiers:
‹Img src =
Gardez à l'esprit, cependant, que certains serveurs n'autorisent pas l'insertion d'images dans des pages en dehors d'eux, affichant à la place des économiseurs d'écran d'avertissement ou n'affichant rien. Dans de tels cas, ne copiez pas l'image sur un serveur local - cela constituerait une violation du droit d'auteur. Il est préférable de donner un lien vers cette image.
Étape 5
Pour cliquer sur une image pour suivre le lien, combinez ces balises comme suit:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹/a›
Si vous le souhaitez, remplacez dans cette construction le lien global vers la page par le local, ou, à l'inverse, le lien local vers l'image par le global.
Étape 6
Enfin, si vous souhaitez que le lien soit suivi en cliquant à la fois sur l'image et sur le texte en dessous, utilisez une construction plus complexe comme celle-ci:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› Vous serez redirigé vers une autre page que vous cliquiez sur ce texte ou sur celui au dessus photo. Le résultat sera exactement le même.
