Linkslər veb səhifənin görünüşünü əhəmiyyətli dərəcədə təsir edir. İstər veb saytınız, istər blogunuz olsun, çox gözəl şəkildə hazırlanmış linklər veb saytınızın dizaynını daha yaxşı tərəfə dəyişəcəkdir. HTML və CSS məlumatları olmadan da, gözəl bir əlaqə yaratmaq olduqca asandır.
Təlimat
Addım 1
Əvvəlcə adi bir əlaqə yaradaq. Bu, aşağıdakı koddan istifadə edilir: keçid adı. Bu kodda etiket bir keçiddir. Onun "href" atributu əlaqənin keçdiyi səhifənin ünvanını göstərir. "Bağlantı başlığı" yerinə əlaqəni təmsil edəcək bir söz və ya söz yazın
Linki vurduğunuzda görünəcək mətn əlavə edə bilərsiniz. Etiketin "başlıq" atributu bu işdə sizə kömək edəcəkdir.
Addım 2
İndi əlaqəyə keçək. Bunun ən asan yolu kaskad üslub cədvəlləridir (css). Saytınızdakı üslubları olan faylı açın və orada əlavə kod yazın. Alternativ olaraq üslubları birbaşa html səhifəsinə daxil edə bilərsiniz. Bunu etmək üçün sayt tərzi özəlləşdirmə kodundan istifadə edin.
Addım 3
Gəlin dizaynına keçək. Giriş üçün sintaksis bir {stil parametrləri} olacaqdır. Burada nə yazmalıyam?
Əvvəlcə linklərin rəngini zövqünüzə görə dəyişdirin. Bu kod sizə bu işdə kömək edəcəkdir:
a {color: # 00000;}. Əlbətdə ki, "# 00000" əvəzinə öz rənginizi daxil etməlisiniz. Bu formada rəng kodunu müxtəlif qrafik proqramlarında (məsələn, Photoshop-da) öyrənə və ya veb palitrasında tapa bilərsiniz.
Addım 4
Varsayılan olaraq, brauzer bağlantıların altından xətt çəkir. Bu, aşağıdakı kodla ləğv edilə bilər: a {text-decor: none;}
Qalın keçidlər yaratmaq üçün font-weight: bold; parametri istifadə edin. Stil koduna rəng ilə eyni şəkildə daxil edilir, altını çizin.
Addım 5
Yəqin ki, bəzi saytlarda bir keçidin üzərinə gedəndə görünüşünün dəyişdiyini fərq etdiniz. Bunu da edə bilərsiniz. Buna bənzər bir kod sizə kömək edəcəkdir: a: hover {stil parametrləri}. Parametrlər müntəzəm bir keçidlə eyni şəkildə göstərilmişdir, yeganə dəyər "hover" yalançı sinifidir, brauzerə bu parametrlərin keçid üzərində gəzərkən tətbiq edilməsi lazım olduğunu bildirir.
Eynilə ziyarət edilmiş bağlantıları vurğulaya bilərsiniz: a: ziyarət edilmiş {stil parametrləri}
