Hvordan lage kul nettside Knapper

Koblinger er svært viktig i World Wide Web; de lar deg navigere fra ett sted til et annet, eller til forskjellige sider på samme nettsted. En måte å vise en link på websiden er med en knapp. Knapper kan brukes som lenker eller å sende inn en verdi i en form, og de fleste knapper se det samme. Men akkurat som du kan legge stil til linker, kan du også legge stil til knapper. Du kan legge til en knapp på siden din ved hjelp av et skjema, men ved hjelp av "knappen" tag gjør det enklere å legge stil til det.

Bruksanvisning

Lag en knapp

1 Skriv inn følgende "knapp" tag for å sette inn en knapp uten å bruke et skjema:

<-knappen> </ Knapp>

2 Vis tekst på knappen. Skriv inn tekst mellom kodene:

<-knappen> Klikk her </ knapp>

3 Legg til et bilde i knappen i stedet for tekst. Erstatt teksten mellom "knapp" tags med "img" tagg som bilder. Eksempelet nedenfor viser et eksempel bilde "example.png" i en knapp:

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

Legg stil

4 Endre skriften på knappen. Ta med følgende i åpningsknappen tag:

style = "font: Georgia"

Din endret knappen taggen skal nå se slik ut:

<-knappen Style = "font: Georgia"> </ knapp> Ulike Font!.

5 Gjøre skriften større ved å angi skrift tykkelse (fet skrift) og størrelse (1.5em) til stilen attributt:

style = "font: fet 1.5em Georgia"

I knappen tag, vil det se slik ut:

<-knappen Style = "font: fet 1.5em Georgia"> Større og Bolder Text </ knappen>.

6 Legg en annen bakgrunnsfarge til din knapp:

<-knappen Style = "bakgrunn: blue"> Blå bakgrunn knapp </ knapp>