Glavni problem vezan uz HTML href gumba je taj što može biti teško oblikovati gumb na način da izgleda dosljedno u različitim preglednicima. Osim toga, kada koristite oznaku sidra s atributom href, veza će se prema zadanim postavkama otvoriti u istom prozoru, što možda nije poželjno za određene vrste veza. Konačno, ako atribut href nije pravilno konfiguriran, klik na gumb može dovesti do stranice s pogreškom.
<button><a href="">Click Here</a></button>
1. Ovaj redak koda stvara element gumba u HTML-u.
2. Unutar elementa gumba nalazi se oznaka sidra s praznim atributom href.
3. Oznaka sidra sadrži tekst "Kliknite ovdje".
Definicija HREF-a
HREF je kratica za Hypertext Reference i HTML je atribut koji se koristi za definiranje hiperveze. Koristi se za povezivanje jedne stranice s drugom, bilo na istoj web stranici ili na drugoj web stranici. Atribut HREF određuje odredište veze i može se koristiti s drugim HTML elementima kao što su , i
Mogu li koristiti HREF u HTML-u gumba
Ne, nije moguće koristiti atribut href u elementu gumba u HTML-u. Element gumba ne podržava atribut href. Međutim, možete koristiti JavaScript za dodavanje slušatelja događaja klika gumbu koji će korisnika odvesti na drugu stranicu kada se klikne.
Kako stilizirati href kao gumb
Da biste stilizirali oznaku sidra kao gumb u HTML-u, možete koristiti sljedeći kod:
Zatim dodajte sljedeći CSS svojoj tablici stilova:
.dugme {
boja pozadine: #4CAF50; /* Zeleno */
granica: nema;
boja: bijela;
padding: 15px 32px;
tekst uskladiti: centar;
uređenje teksta: nema;
prikaz: inline-block; veličina fonta: 16px; margina: 4px 2px; kursor: pokazivač;}
