Come fare i pulsanti per una pagina web

January 13

Come fare i pulsanti per una pagina web


I collegamenti sono una parte integrante di qualsiasi sito web. I motori di ricerca li usano per determinare quali pagine sono popolari e della domanda, di pagine web designer li usano per spostarsi da una pagina all'altra su un sito web, e navigatori del web di tutto il mondo li usano per condividere le informazioni con gli amici attraverso i social network. I link sono molto importanti, e un modo per incorporare un collegamento sul tuo sito web è attraverso un pulsante. I pulsanti sono di due tipi comuni: un comando modulo e un tag di pulsante.

istruzione

Il comando Form

1 Aprire il programma preferito per modificare HTML. Un editor HTML o anche un editor di testo funzionerà bene. È inoltre possibile utilizzare un editor WYSIWYG come Dreamweaver o KompoZer.

2 Digitare la prima riga di codice per creare il pulsante nella sezione corpo del documento HTML:

<Form method = azione "link" = "Homepage.htm">

Il tag "form" consente al computer di sapere che un elemento di modulo sta per essere collocato sulla pagina web. La parte "metodo" dice al computer per fare un collegamento con la forma. "Azione" determina il collegamento da effettuare; in questo caso, la connessione viene effettuata a una pagina web "http:. //www.homepage.htm"

3 Inserire la porzione successiva di codice direttamente sotto la prima riga di codice. La seconda riga di codice dovrebbe includere i seguenti elementi:

<Input type = "submit" value = "My First Button">

In questa porzione di codice, "input type" indica il tipo di ingresso che si verifica. In questo caso, sarà un link "invia". "Valore" contiene il testo che si desidera che il pulsante per visualizzare.

4 Chiudere l'apertura tag <form> digitando </ form> nell'ultima riga di codice. Ecco l'intero modulo per la creazione di un pulsante di modulo:

<Form method = azione "link" = "Homepage.htm">

<Input type = "submit" value = "My First Button">

</ Form>

pulsante Tag

5 Inserire il tag pulsante nel documento HTML digitando la seguente:

<Button> </ button>

Includere il testo tra i tag pulsante per visualizzare il testo sul pulsante:

<Button> testo di esempio </ button>

6 Aggiungi al tuo stile pulsante. Per cambiare il tipo di carattere, includere

style = "font: 14px Arial grassetto"

nel tag pulsante di apertura. Il tag pulsante modificato dovrebbe apparire così:

<Button style = "font: 14px grassetto Arial"> Big testo in grassetto </ button>.

7 Sostituire il testo con un'immagine all'interno del pulsante. Per fare questo, eliminare il testo tra i tag <button>, e includere il tag immagine standard nel tag di apertura. L'esempio seguente mostra un esempio un'immagine "example.gif" in un pulsante:

<Button> <img /> </ button>

Consigli e avvertenze

  • Esperimento con l'utilizzo di stile (ad esempio style = "color: blue") all'interno dell'apertura <tasto> tag.