Comment transformer un code de lien en bouton ?

Les hyperliens sont l'une des caractéristiques les plus élémentaires des sites Internet, c'est-à-dire les mots ou expressions soulignés en bleu sur lesquels vous pouvez cliquer pour vous diriger vers un autre site Web ou une autre page Web. Une fois que vous aurez appris à créer des liens hypertexte sur votre propre site Web, vous déciderez bientôt de pimenter un peu les choses dans la conception. Un moyen simple de rendre vos pages Web plus attrayantes consiste à créer des hyperliens de boutons au lieu d'hyperliens de mots. Il existe deux méthodes de base pour transformer les liens en boutons sur votre site Web : les images et les formulaires.

Image

Transformer un lien hypertexte de base en un bouton avec des images est une simple question de choisir ou de créer votre image de bouton au format d'image JPG ou GIF. Une fois que vous avez l'image du bouton que vous souhaitez utiliser, téléchargez-la sur le serveur de votre site Web. À ce stade, tout ce que vous avez à faire est de créer le lien réel sur votre page, et cela est accompli de manière très similaire aux hyperliens de texte standard. La principale différence est que vous insérerez l'image de votre bouton à la place du texte qui serait normalement lié par hypertexte, comme ceci :

Le de ce code provoque l'affichage de l'image de votre bouton au lieu de l'affichage de mots en texte brut, et lorsque quelqu'un clique sur ce bouton, il répond sous forme de lien hypertexte et l'achemine vers la page à laquelle vous avez lié le bouton.

Forme

Une autre méthode pour transformer un lien de page Web en bouton consiste à créer un formulaire simple. Cette méthode de création de boutons est populaire car vous pouvez faire en sorte que le bouton cliquable ait tous les mots que vous souhaitez, et vous n'avez pas besoin d'utiliser un logiciel d'édition d'images compliqué pour y parvenir.

Voici le code du formulaire de base pour créer un bouton cliquable :

Dans la première ligne, vous indiquez au navigateur Web que ce bouton est un lien vers une autre page de votre site nommée "link-to-page.html"

La deuxième ligne fournit un type d'entrée « soumettre » - qui est ce qui crée le bouton lui-même - et les mots à mettre sur ce bouton sont contenus dans la section « valeur ». Enfin, vous terminez le formulaire par une fermeture étiqueter.