Transformarea unui hyperlink într-un buton: imagini și formulare

Unul dintre cele mai simple și utile elemente ale site-urilor web sunt hyperlink-urile – cuvintele subliniate albastru pe care le poți face clic pentru a naviga către alte pagini. Odată ce ai înțeles cum să creezi link-uri pe site-ul tău, poate apărea dorința de a adăuga un plus de atractivitate designului. O modalitate simplă de a face paginile mai interesante este să transformi link-urile text în butoane.

Button cu imagine

Poți transforma un hyperlink simplu într-un buton folosind o imagine. Alegi sau creezi o imagine JPG/GIF care să reprezinte butonul, o încarci pe serverul tău, iar apoi inserezi acea imagine în locul textului hyperlink-ului, de exemplu:

<a href=\"link-to-page.html\"><img src=\"button.jpg\" alt=\"Buton\"></a>

Codul de mai sus face ca imaginea să apară în loc de textul normal și, la clic, funcționează ca un hyperlink obișnuit.

Button cu formular

O altă metodă populară este crearea unui formular simplu care afișează un buton. Aceasta permite să afișezi orice text pe buton fără a recurge la editare grafică. Codul de bază este:

<form method=\"get\" action=\"link-to-page.html\">
<input type=\"submit\" value=\"Click This Button\">
</form>

Prima linie spune browserului că butonul este un link către pagina „link-to-page.html”. Linia a doua generează butonul propriu-zis și conține textul care va apărea pe acesta. În final, formularul se închide cu tag-ul de închidere </form>.