Kako Narediti čudovito Povezavo

Kazalo:

Kako Narediti čudovito Povezavo
Kako Narediti čudovito Povezavo

Video: Kako Narediti čudovito Povezavo

Video: Kako Narediti čudovito Povezavo
Video: Как сделать перосъёмную машину. 10 вопросов и ответов 2024, Maj
Anonim

Povezave pomembno vplivajo na videz spletne strani. Ne glede na to, ali gre za vaše spletno mesto ali spletni dnevnik, bodo lepo prilagojene povezave spremenile obliko vašega spletnega mesta na bolje. Tudi brez znanja html in css je priprava lepe povezave precej enostavna.

Kako narediti čudovito povezavo
Kako narediti čudovito povezavo

Navodila

Korak 1

Najprej ustvarimo redno povezavo. To se naredi z uporabo naslednje kode: ime povezave. V tej kodi je oznaka povezava. Njegov atribut "href" označuje naslov strani, do katere vodi povezava. Namesto "naslov povezave" napišite besedo ali besedno zvezo, ki bo predstavljala povezavo

Dodate lahko tudi besedilo, ki se prikaže, ko kliknete povezavo. Pri tem vam bo pomagal atribut "title" oznake.

2. korak

Zdaj pa pojdimo na povezovanje. To najlažje naredite v kaskadnih slogovnih listih (css). Odprite datoteko, ki vsebuje sloge za vaše spletno mesto, in tam napišite nadaljnjo kodo. Lahko pa vstavite sloge neposredno na stran html. Če želite to narediti, uporabite kodo za prilagajanje sloga spletnega mesta.

3. korak

Pojdimo k oblikovanju. Sintaksa vnosa bi bila {parametri sloga}. Kaj naj napišem tukaj?

Najprej spremenite barvo povezav po svojem okusu. Ta koda vam bo pomagala pri tem:

a {color: # 00000;}. Seveda morate namesto "# 00000" vstaviti svojo barvo. Barvno kodo v tej obliki lahko najdete v različnih grafičnih programih (na primer v Photoshopu) ali v spletni paleti.

4. korak

Privzeto brskalnik podčrta povezave. To lahko prekličete z naslednjo kodo: a {text-decoration: none;}

Če želite ustvariti krepke povezave, uporabite parameter font-weight: bold; V slogovno kodo se vstavi na enak način kot barva, podčrtaj.

5. korak

Verjetno ste opazili, da se na nekaterih spletnih mestih, ko premaknete miškin kazalec nad povezavo, njen videz spremeni. To lahko storite tudi vi. Takšna koda vam bo pomagala: a: hover {style parameters}. Parametri so podani na enak način kot pri običajni povezavi, edina vrednost je psevdorazred "hover", ki brskalnik obvesti, da je treba te nastavitve uporabiti, ko lebdite nad povezavo.

Podobno lahko poudarite obiskane povezave: a: obiskali {slog parametri}

Priporočena: