Hvordan lage knapper for en webside

Koblinger er en integrert del av enhver webside. Søkemotorer bruker dem til å finne ut hvilke sider som er populære og etterspurt, nettsiden designere bruke dem til å navigere fra side til side på et nettsted, og surfere over hele verden bruker dem til å dele informasjon med venner gjennom sosiale nettverk. Koblinger er svært viktig, og en måte å innlemme en lenke på din hjemmeside er gjennom en knapp. Knapper kommer i to vanligste typene: en form kommando og en knapp tag.

Bruksanvisning

Form Command

1 Åpne din foretrukne program for å redigere HTML. En HTML-editor eller en tekst editor vil fungere godt. Du kan også bruke en WYSIWYG-editor som Dreamweaver eller KompoZer.

2 Skriv inn den første linjen med kode for å lage din knappen i body-delen av HTML-dokumentet:

<Form method = "link" action = "homepage.htm">

Den "form" tag lar datamaskinen vet at en form element kommer til å bli plassert på nettsiden. Den "metoden" delen forteller datamaskinen til å lage en link med skjemaet. "Handling" bestemmer tilkobling skal gjøres; i dette tilfellet gjøres tilkoblingen til en nettside "http:. //www.homepage.htm"

3 Skriv inn den neste delen av koden direkte under den første linjen med kode. Den andre linjen i koden skal inneholde følgende elementer:

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

I denne delen av koden "input type" angir type innspill som vil skje. I dette tilfellet vil du "send" en kobling. "Value" inneholder teksten du vil at knappen for å vise.

4 Lukk åpningen <form> tag ved å skrive </ form> i siste linje med kode. Her er hele skjemaet for å opprette et skjema knapp:

<Form method = "link" action = "homepage.htm">

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

</ Form>

Button Tag

5 Sett inn knappen koden inn i HTML-dokumentet ved å skrive følgende:

<-knappen> </ Knapp>

Inkluder tekst mellom knappe koder for å vise tekst på knappen:

<-knappen> Eksempel Text </ knapp>

6 Legg stil til knappen. For å endre skrifttype, inkluderer

style = "font: fet 14px Arial"

i åpningsknappen tag. Din endret knappen taggen skal nå se slik ut:

<-knappen Style = "font: fet 14px Arial"> Big Fet tekst </ knappen>.

7 Erstatt tekst med et bilde inne på knappen. For å oppnå dette, må du slette teksten mellom <-knappen> tags, og inkluderer standard bildekoden i startkoden. Eksempelet nedenfor viser et eksempel bilde "example.gif" i en knapp:

<-knappen> <Img /> </ knapp>

Hint

• Eksperimenter med å bruke stil (f.eks style = "color: blue") på innsiden av åpningen <-knappen> tag.