Nuorodos daro didelę įtaką tinklalapio išvaizdai. Nesvarbu, ar tai jūsų svetainė, ar tinklaraštis, gražiai pritaikytos nuorodos pakeis jūsų svetainės dizainą į gerąją pusę. Net nežinant HTML ir CSS, graži nuoroda yra gana lengva.
Nurodymai
1 žingsnis
Pirmiausia sukurkime įprastą nuorodą. Tai atliekama naudojant šį kodą: nuorodos pavadinimas. Šiame kode žyma yra nuoroda. Jo atributas „href“nurodo puslapio, į kurį nukreipiama nuoroda, adresą. Vietoj „nuorodos pavadinimas“parašykite nuorodą atspindintį žodį ar frazę
Taip pat galite pridėti tekstą, kuris pasirodys spustelėjus nuorodą. Tai jums padės žymos atributas „title“.
2 žingsnis
Dabar pereikime prie susiejimo. Lengviausias būdas tai padaryti yra kaskadiniai stiliaus lapai (css). Atidarykite failą, kuriame yra jūsų svetainės stiliai, ir ten parašykite tolesnį kodą. Arba galite įterpti stilius tiesiai į HTML puslapį. Norėdami tai padaryti, naudokite svetainės stiliaus tinkinimo kodą.
3 žingsnis
Eikime prie dizaino. Įrašo sintaksė būtų {stiliaus parametrai}. Ką turėčiau čia parašyti?
Pirmiausia pakeiskite nuorodų spalvą pagal savo skonį. Šis kodas jums padės tai padaryti:
a {spalva: # 00000;}. Žinoma, vietoj „# 00000“turite įterpti savo spalvą. Spalvos kodą šioje formoje galite sužinoti skirtingose grafikos programose (pavyzdžiui, „Photoshop“) arba rasti interneto paletę.
4 žingsnis
Pagal numatytuosius nustatymus naršyklė nurodo nuorodas. Tai galima atšaukti naudojant šį kodą: a {text-decoration: none;}
Norėdami sukurti paryškintas nuorodas, naudokite parametrą font-weight: bold; Jis įterpiamas į stiliaus kodą taip pat, kaip spalva, pabraukimas.
5 žingsnis
Tikriausiai pastebėjote, kad kai kuriose svetainėse užvedus pelės žymeklį virš nuorodos, jos išvaizda pasikeičia. Tai galite padaryti ir jūs. Toks kodas jums padės: a: užveskite pelės žymeklį {stiliaus parametrai}. Parametrai nurodomi taip pat, kaip ir įprastos nuorodos atveju, vienintelė reikšmė yra „hover“pseudoklasė, kuri praneša naršyklei, kad šie nustatymai turėtų būti taikomi užvedus pelės žymeklį virš nuorodos.
Panašiai galite paryškinti aplankytas nuorodas: a: aplankyti {stiliaus parametrai}
