Come posso trasformare un codice di collegamento in un pulsante?

Una delle funzionalità più basilari dei siti Web Internet sono i collegamenti ipertestuali, ovvero le parole o le frasi sottolineate in blu su cui è possibile fare clic per accedere a un altro sito Web o pagina Web. Una volta che hai imparato a creare collegamenti ipertestuali sul tuo sito web, presto deciderai di ravvivare un po' le cose nel design. Un modo semplice per rendere le tue pagine web più accattivanti è creare collegamenti ipertestuali a pulsanti invece di collegamenti ipertestuali a parole. Ci sono due modi di base per trasformare i link in pulsanti sul tuo sito web: Immagini e Moduli.

Immagine

Trasformare un collegamento ipertestuale di base in un pulsante con immagini è una semplice questione di scegliere o creare l'immagine del pulsante in formato immagine JPG o GIF. Una volta ottenuta l'immagine del pulsante che desideri utilizzare, caricala sul server del tuo sito web. A quel punto tutto ciò che devi fare è creare il collegamento effettivo sulla tua pagina, e questo viene realizzato in modo molto simile ai collegamenti ipertestuali di testo standard. La differenza principale è che inserirai l'immagine del pulsante al posto del testo che normalmente sarebbe collegato a un collegamento ipertestuale, in questo modo:

Il codice di quel codice fa sì che l'immagine del pulsante venga visualizzata anziché le parole di testo semplice da mostrare e quando qualcuno fa clic su quel pulsante risponderà come un collegamento ipertestuale e lo porterà alla pagina a cui hai collegato il pulsante.

Modulo

Un metodo alternativo per trasformare un collegamento a una pagina Web in un pulsante consiste nel creare un semplice modulo. Questo metodo di creazione dei pulsanti è popolare perché puoi fare in modo che il pulsante cliccabile contenga tutte le parole che desideri e non devi utilizzare complicati software di modifica delle immagini per farlo.

Ecco il codice del modulo di base per creare un pulsante cliccabile:

Nella prima riga, stai dicendo al browser web che questo pulsante è un collegamento a un'altra pagina del tuo sito denominata "link-to-page.html"

La seconda riga fornisce un tipo di input di "invia" - che è ciò che crea il pulsante stesso - e le parole da inserire su quel pulsante sono contenute nella sezione "valore". Alla fine concludi il modulo con una chiusura etichetta.