Hvordan endre en knapp fra GIF til HTML

Du kan slå noen GIF-bilde til en knapp, selv om det ikke faktisk ser ut som en knapp. Custom bildeknapper kan se rart på mobile nettlesere og store bildefiler kan lage en side tregere å laste, så noen webdesignere foretrekker å bruke HTML "knapp" tag for å lage en knapp, som de kan deretter stil med CSS. Skift ut GIF knapp bilde med vanlig HTML-kode uten å miste funksjonalitet.

Bruksanvisning

1 Åpne HTML-fil som i dag inneholder knappekoden.

2 Slett koden for eksisterende GIF-knappen, noe som kan ligne:

<a href="&lt;img"> http://domain.com "> & lt; img action =" http://domain.com ">

<Input type = "submit" value = "Click Me">

</ Form>

Erstatt "http://domain.com" med nettadressen du ønsker å laste når en besøkende klikker på knappen. Erstatt "Click Me" med ordet eller uttrykket du vil skal vises på knappen.

4 Lagre endringene.

Hint

  • Du kan bruke CSS-kode for å style din HTML-knappen. For eksempel, gjør følgende endring knappen din rosa:
  • <Input type = "submit" value = "Click Me" style = "background-color: pink;">