Nwlapcug.com


Come creare pulsanti per una pagina Web

Come creare pulsanti per una pagina Web


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

Istruzioni

Il comando di forma

1

Aprire il tuo programma preferito per modificare HTML. Un editor HTML o anche un editor di testo funzioneranno bene. È anche possibile utilizzare un editor WYSIWYG come Dreamweaver o KompoZer.

2

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

< formano metodo = "link" action="homepage.htm" >

Il tag "form" permette al computer di sapere che un elemento di forma sta per essere inserito nella pagina web. La parte di "metodo" dice al computer di creare un collegamento con il modulo. "Azione" determina la connessione deve essere eseguita; in questo caso, viene effettuata la connessione a una pagina web "http://www.homepage.htm."

3

Inserire la parte successiva del codice direttamente sotto la prima riga di codice. La seconda riga di codice deve includere i seguenti elementi:

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

In questa porzione di codice, "tipo input" denota il tipo di input che si verificherà. In questo caso, si "presenterà" un link. "Valore" contiene il testo che si desidera visualizzare il tuo pulsante.

4

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

< formano metodo = "link" action="homepage.htm" >

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

< / form >

Tag di pulsante

5

Inserire il tag del pulsante nel documento HTML digitando quanto segue:

< pulsante >< / pulsante >

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

< button > Example Text < / button >

6

Aggiungere stile al tuo pulsante. Per modificare il tipo di carattere, includere

Style = "font: grassetto Arial 14px"

nell'apertura pulsante tag. Il tag del pulsante modificate ora dovrebbe assomigliare a questo:

< pulsante stile = "tipo di carattere: grassetto Arial 14px" > Big Bold Text < / button >.

7

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

< pulsante >< img / >< / pulsante >

Consigli & Avvertenze

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