Saites būtiski ietekmē tīmekļa lapas izskatu. Neatkarīgi no tā, vai tā ir jūsu vietne vai emuārs, skaisti pielāgotas saites labos jūsu vietnes dizainu. Pat bez zināšanām par html un css, izveidot jauku saiti ir diezgan viegli.
Instrukcijas
1. solis
Vispirms izveidosim regulāru saiti. Tas tiek darīts, izmantojot šādu kodu: saites nosaukums. Šajā kodā tags ir saite. Tās atribūts "href" norāda tās lapas adresi, uz kuru novirza saite. "Saites nosaukuma" vietā rakstiet vārdu vai frāzi, kas attēlos saiti
Varat arī pievienot tekstu, kas parādīsies, noklikšķinot uz saites. Šajā darbā jums palīdzēs taga atribūts "title".
2. solis
Tagad pievērsīsimies saistīšanai. Vieglākais veids, kā to izdarīt, ir kaskādes stila lapas (css). Atveriet failu, kas satur jūsu vietnes stilus, un ierakstiet tur papildu kodu. Alternatīvi, jūs varat ievietot stilus tieši html lapā. Lai to izdarītu, izmantojiet vietnes stila pielāgošanas kodu.
3. solis
Sāksim darbu pie dizaina. Ieraksta sintakse būtu {style parameters}. Ko man te rakstīt?
Vispirms mainiet saišu krāsu pēc savas gaumes. Šis kods jums palīdzēs:
a {color: # 00000;}. Protams, "# 00000" vietā ir jāievieto sava krāsa. Šajā formā krāsu kodu varat uzzināt dažādās grafikas programmās (piemēram, Photoshop) vai atrast tīmekļa paleti.
4. solis
Pēc noklusējuma pārlūkprogramma saites pasvītro. To var atcelt, izmantojot šādu kodu: a {text-decoration: none;}
Lai izveidotu treknrakstā saites, izmantojiet parametru font-weight: bold; Tas tiek ievietots stila kodā tāpat kā krāsa, pasvītrojums.
5. solis
Jūs droši vien pamanījāt, ka dažās vietnēs, virzot kursoru virs saites, tās izskats mainās. Arī jūs to varat izdarīt. Šāds kods jums palīdzēs: a: virziet kursoru {stila parametri}. Parametri tiek norādīti tāpat kā parastajai saitei, vienīgā vērtība ir "hover" pseidoklase, kas paziņo pārlūkprogrammai, ka šie iestatījumi ir jāpiemēro, virzot kursoru virs saites.
Līdzīgi varat izcelt apmeklētās saites: a: apmeklēts {stila parametri}