Hvordan lage en HTML-knapp som fungerer som en lenke

Noen ganger kan det være lurt å bruke en knapp for å koble til en annen side eller et nettsted i stedet for å sende inn et skjema eller noe sånt. Dette er ganske enkelt å gjøre og kan oppnås på flere måter.

En måte er å bare pakke inn taggen din:

Link To freeCodeCamp

Dette forvandler hele knappen til en lenke.

Et annet alternativ er å opprette lenken din som du normalt ville gjort med taggen din , og deretter style den via CSS:

Link To freeCodeCamp

Når du har opprettet lenken din, kan du bruke CSS for å få den til å se ut som en knapp. For eksempel kan du legge til en ramme, en bakgrunnsfarge, noen stiler for når brukeren holder markøren på lenken ...

En annen måte å legge til en knapp er å pakke inputinnvendige formtagger. Angi ønsket mål-URL i skjemahandlingattributtet.

Mer informasjon:

  • freeCodeCamp Guide - stylingknapper
  • freeCodeCamp Guide - Slik bruker du koblinger
  • Hvordan lage en HTML-knapp som fungerer som en lenke?