Ang mga link ay makabuluhang nakakaapekto sa hitsura ng isang web page. Kung ang iyong website o blog man, ang mga napasadyang na-link na link ay magbabago sa disenyo ng iyong website para sa mas mahusay. Kahit na walang kaalaman sa html at css, ang paggawa ng isang magandang link ay medyo madali.
Panuto
Hakbang 1
Una sa lahat, gumawa tayo ng isang regular na link. Ginagawa ito gamit ang sumusunod na code: pangalan ng link Sa code na ito, ang tag ay isang link. Ang katangiang "href" ay nagpapahiwatig ng address ng pahina kung saan patungo ang link. Sa halip na "pamagat ng link" magsulat ng isang salita o parirala na kumakatawan sa link
Maaari ka ring magdagdag ng teksto na lilitaw kapag nag-click sa link. Ang katangiang "pamagat" ng tag ay makakatulong sa iyo dito.
Hakbang 2
Bumaba na tayo sa pag-link. Ang pinakamadaling paraan upang gawin ito ay sa mga sheet ng style ng cascading (css). Buksan ang file na naglalaman ng mga istilo para sa iyong site at isulat ang karagdagang code doon. Bilang kahalili, maaari mong ipasok ang mga estilo nang direkta sa pahina ng html. Upang magawa ito, gamitin ang code sa pagpapasadya ng estilo ng site.
Hakbang 3
Bumaba tayo sa disenyo. Ang syntax para sa entry ay magiging isang {mga parameter ng istilo}. Ano ang dapat kong isulat dito?
Una, baguhin ang kulay ng mga link ayon sa gusto mo. Tutulungan ka ng code na ito sa:
isang {kulay: # 00000;}. Siyempre, sa halip na "# 00000" kailangan mong isingit ang iyong sariling kulay. Maaari mong malaman ang color code sa form na ito sa iba't ibang mga programang graphic (halimbawa, sa Photoshop) o maghanap ng isang web palette.
Hakbang 4
Bilang default, ang browser ay gumagawa ng mga link na may salungguhit. Maaari itong kanselahin gamit ang sumusunod na code: isang {text-decoration: none;}
Upang lumikha ng mga naka-link na naka-link, gamitin ang font-weight: bold; parameter. Ito ay ipinasok sa style code sa parehong paraan tulad ng kulay, salungguhit.
Hakbang 5
Marahil ay napansin mo na sa ilang mga site, kapag nag-hover ka sa isang link, nagbabago ang hitsura nito. Magagawa mo rin ito. Ang isang code na tulad nito ay makakatulong sa iyo: a: magpasadya {mga parameter ng istilo}. Ang mga parameter ay tinukoy sa parehong paraan tulad ng para sa isang regular na link, ang tanging halaga ay ang "hover" na pseudo-class, na aabisuhan sa browser na ang mga setting na ito ay dapat na mailapat kapag lumalagay sa link.
Katulad nito, maaari mong i-highlight ang mga binisitang link: a: binisita ang {mga parameter ng istilo}
