Bilo da povezujete unutarnje dijelove web stranice ili povezujete vanjske linkove s vašom stranicom , dobra povezanost linkova je biti svake web stranice kako bi posjetiteljima pružili što više informacija i omogućili mu lakše i preglednije kretanje web stranicom
Preporuka: Izradite web stranicu besplatno
Ako koristite neki CMS kao što je WordPress ili Rezerviraj.hr web-kreator nije potrebno poznavanje HTML-a da bi ste dodali link na web jer imate tekst editor u kojemu jednostavno dodate link klikom na ikonu predviđeno za to.
Html kod za tekstualni link
<a href="https://www.rezerviraj.hr">Rezerviraj.hr
Osim tekst linkova možete koristiti i sliku kao link. Ova opcija se često koristi kod reklama tzv. Banner.
Da bi korisnici lakše uočili da je slika zapravo i link preporuka je dodati hover efekt (kada prijeđete mišem preko slike – slika dobije obrub debljine i boje koju vi definirate)
Slika kao link – HTML kod
Hover efekt na sliku– CSS kod
img { a:hover{color:#23527c; text-decoration:underline; border:3px; }
Otvaranje linka u novom prozoru
Za otvaranje linka u novom prozoru potrebno dodati _blank unutar našeg html koda ili ako koristite neki editor odabrati opciju _blank (novi prozor).
Vrste linkova
Najčešće korišteni linkovi su tekstualni linkovi unutar teksta. Obično su po difoltu označeni plave boje ili su podcrtani (u css-u možete sami odrediti stilove). Ako želite istaknuti link i privući pažnju korisnika preporuka je koristiti gumb kao link, ovu opciju nude mnogi tekst editori tako da nije potrebno poznavanje CSS koda da bi sami oblikovali gumb.
Preporuka: Izradite web stranicu besplatno
Ako koristite neki CMS kao što je WordPress ili Rezerviraj.hr web-kreator nije potrebno poznavanje HTML-a da bi ste dodali link na web jer imate tekst editor u kojemu jednostavno dodate link klikom na ikonu predviđeno za to.
Html kod za tekstualni link
<a href="https://www.rezerviraj.hr">Rezerviraj.hr
Slika kao link
Osim tekst linkova možete koristiti i sliku kao link. Ova opcija se često koristi kod reklama tzv. Banner.
Da bi korisnici lakše uočili da je slika zapravo i link preporuka je dodati hover efekt (kada prijeđete mišem preko slike – slika dobije obrub debljine i boje koju vi definirate)
Slika kao link – HTML kod
<a href="https://www.rezerviraj.hr"> <img src="slika.jpg" alt="opis slike za google tražilice" />
Hover efekt na sliku– CSS kod
img { a:hover{color:#23527c; text-decoration:underline; border:3px; }
Otvaranje linka u novom prozoru
Za otvaranje linka u novom prozoru potrebno dodati _blank unutar našeg html koda ili ako koristite neki editor odabrati opciju _blank (novi prozor).
Prati nas na facebooku za više članaka o Hrvatskoj. Podijeli ovaj članak klikom na gumbe desno. Hvala
Nadogradi ovaj zapis
Bio si na ovom mjestu? Podijeli s nama svoja iskustva ili fotografije.
Napiši svoju verziju članka. Nagrađujemo vlasnike apartmana.
