Kako Napraviti Lijepu Vezu

Sadržaj:

Kako Napraviti Lijepu Vezu
Kako Napraviti Lijepu Vezu

Video: Kako Napraviti Lijepu Vezu

Video: Kako Napraviti Lijepu Vezu
Video: 7 glavnih SAVJETA za DUGU I SRETNU VEZU 2024, April
Anonim

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

Kako napraviti lijepu vezu
Kako napraviti lijepu vezu

Instrukcije

Korak 1

Prije svega, kreirajmo redovnu vezu. To se radi pomoću sljedećeg koda: naziv veze. U ovom kodu oznaka je 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

A sad da pređemo na povezivanje. Najlakši način da to učinite je u kaskadnim tabelama stilova (css). Otvorite datoteku koja sadrži stilove za vašu web lokaciju i tamo napišite daljnji kod. Alternativno, stilove možete umetnuti direktno na html stranicu. Da biste to učinili, upotrijebite kod za prilagodbu stila web stranice.

Korak 3

Prijeđimo na dizajn. Sintaksa unosa bila bi {parametri stila}. Šta da napišem ovde?

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

a {boja: # 00000;}. Naravno, umjesto "# 00000" morate umetnuti svoju 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.

Korak 4

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

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

Korak 5

Vjerojatno ste primijetili da se na nekim web lokacijama, kada zadržite pokazivač miša iznad veze, njezin izgled promijeni. Možete i vi to. Ovakav kod će vam pomoći: a: hover {parametri stila}. Parametri su specificirani na isti način kao i za uobičajenu vezu, jedina vrijednost je pseudo-klasa "hover", koja obavještava preglednik da ove postavke treba primijeniti prilikom prelaska kursorom preko veze.

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

Preporučuje se: