Kako ustvariti gumb HTML, ki deluje kot povezava

Včasih boste morda želeli uporabiti gumb za povezavo do druge strani ali spletnega mesta, namesto da oddate obrazec ali kaj podobnega. To je dokaj enostavno narediti in doseči na več načinov.

Eden od načinov je preprosto zaviti oznako v oznako:

Link To freeCodeCamp

S tem se vaš celoten gumb spremeni v povezavo.

Druga možnost je, da ustvarite svojo povezavo kot običajno s svojo oznako in jo nato oblikujete prek CSS:

Link To freeCodeCamp

Ko ustvarite svojo povezavo, lahko s pomočjo CSS naredite videz kot gumb. Na primer, lahko dodate obrobo, barvo ozadja, nekatere sloge, ko uporabnik lebdi na povezavi ...

Drug način za dodajanje gumba je zavijanje inputnotranjih formoznak. V atributu dejanja obrazca podajte želeni ciljni URL.

Več informacij:

  • freeCodeCamp Guide - gumbi za oblikovanje
  • freeCodeCamp Guide - Kako uporabljati povezave
  • Kako ustvariti gumb HTML, ki deluje kot povezava?