 |
Un bouton, c'est pratique, cela permet de rediriger l'utilisateur de votre site vers une page, un endroit d'une page, ou bien un autre site. Pour la création d'un bouton, le CSS s'avert nécessaire, aux vues du nombre de chose plus important à gérer au niveau de l'interface.
Un bouton simple
En théorie, crée un bouton est une chose très simple : il suffit de placer des balises <button> et </button> avant et après le texte de votre bouton.
Example : <button>Texte du bouton</button>
Le problème, c'est que ce bouton ne sert pas a grand chose : il n'est pas très esthétique, et il n'exécute aucune action. Nous allons voir comme remédier au problème.
Rediriger avec un bouton HTML
La fonction la plus rependue d'un bouton est de rediriger vers une page. Pour ce, il va falloir rajouter une valise à l'intérieur d'un balise. Voici la syntaxe complète.
<button><a href="liens_de_la_page">Texte du bouton<a></button>
Veillez a remplacer "liens_de_la_page" par le liens de la page aboutissante.
L'apparence du bouton
Actuellement, l'esthétique du bouton est le plus simple possible. Nous allons voir comment le rendre plus chaleureux. C'est pourquoi il va falloir placer deux balise <style> et </style>. Et, dans ces balises il va falloir placer le code CSS, qui est le suivant (c'est un exemple) :
button{
color : white;
background-color : blue;
border : none;
border-radius : 5px;
width : 100px;
height : 30px;
}
a{
color : white;
text-decoration : none;
}
Une fois cela fait, votre bouton aura une apparence totalement différente. Surtout, n'hésitez pas à modifier les propriétés telles que la couleur, ou la forme.