Kako Napraviti Lijepu Poveznicu

Sadržaj:

Kako Napraviti Lijepu Poveznicu
Kako Napraviti Lijepu Poveznicu

Video: Kako Napraviti Lijepu Poveznicu

Video: Kako Napraviti Lijepu Poveznicu
Video: KAKO NAPRAVITI MALU MODERNU KUCU U MINECRAFTU!? #6 2024, Rujan
Anonim

Veze značajno utječu na izgled web stranice. Bilo da se radi o vašoj web stranici ili blogu, lijepo prilagođene poveznice promijenit će dizajn vaše web stranice na bolje. Čak i bez znanja o HTML-u i CSS-u stvaranje lijepe veze prilično je jednostavno.

Kako napraviti lijepu poveznicu
Kako napraviti lijepu poveznicu

Upute

Korak 1

Prije svega, stvorimo redovitu poveznicu. To se radi pomoću sljedećeg koda: naziv veze. U ovom je kodu oznaka veza. Njegov atribut "href" označava adresu stranice do koje vodi veza. Umjesto "naslov veze" napišite riječ ili frazu koja će predstavljati vezu

Također možete dodati tekst koji će se pojaviti kada kliknete na vezu. Atribut "title" oznake pomoći će vam u tome.

Korak 2

Ajmo sad prijeći na povezivanje. To ćete najlakše učiniti u kaskadnim tablicama stilova (css). Otvorite datoteku koja sadrži stilove za vaše mjesto i tamo napišite daljnji kod. Možete i umetnuti stilove izravno na html stranicu. Da biste to učinili, upotrijebite kod za prilagodbu stila web mjesta.

3. korak

Prijeđimo na dizajn. Sintaksa unosa bila bi {parametri stila}. Što bih ovdje trebao napisati?

Prvo promijenite boju veza prema vašem ukusu. Ovaj kod će vam pomoći u ovome:

a {boja: # 00000;}. Naravno, umjesto "# 00000" morate umetnuti vlastitu boju. Kôd boja u ovom obliku možete saznati u različitim grafičkim programima (na primjer, u Photoshopu) ili pronaći web-paletu.

4. korak

Prema zadanim postavkama preglednik veze podvlači. To se može otkazati sljedećim kodom: a {text-decoration: none;}

Da biste stvorili podebljane veze, upotrijebite parametar font-weight: bold;; Umeće se u kod stila na isti način kao i boja, podcrtavanje.

Korak 5

Vjerojatno ste primijetili da se na nekim web mjestima, kada zadržite pokazivač miša iznad veze, njezin izgled mijenja. Možete i vi to. Kôd poput ovog pomoći će vam: a: hover {parametri stila}. Parametri su navedeni na isti način kao i za uobičajenu vezu, jedina vrijednost je pseudo-klasa "hover", koja obavještava preglednik da se te postavke trebaju primijeniti kada lebdite iznad veze.

Slično tome, možete istaknuti posjećene veze: a: posjetio {parametri stila}

Preporučeni: