Havolalar veb-sahifaning ko'rinishiga sezilarli ta'sir qiladi. Sizning veb-saytingiz yoki blogingiz bo'lsin, juda moslashtirilgan havolalar veb-saytingiz dizaynini yaxshi tomonga o'zgartiradi. HTML va CSS haqida bilmasdan ham, yaxshi havola qilish juda oson.
Ko'rsatmalar
1-qadam
Avvalo, oddiy havolani yarataylik. Bu quyidagi kod yordamida amalga oshiriladi: havola nomi. Ushbu kodda teg havola hisoblanadi. Uning "href" atributi havola olib boriladigan sahifaning manzilini bildiradi. "Havola sarlavhasi" o'rniga havolani ifodalaydigan so'z yoki iborani yozing
Shuningdek, siz havolani bosganingizda paydo bo'ladigan matnni qo'shishingiz mumkin. Bunda tegning "sarlavha" atributi sizga yordam beradi.
2-qadam
Endi bog'lashga o'tamiz. Buning eng oson yo'li kaskadli uslublar jadvallarida (CSS). Saytingiz uchun uslublarni o'z ichiga olgan faylni oching va u erda qo'shimcha kod yozing. Shu bilan bir qatorda, siz to'g'ridan-to'g'ri html sahifasiga uslublarni qo'shishingiz mumkin. Buning uchun sayt uslubini sozlash kodidan foydalaning.
3-qadam
Keling, dizaynga tushamiz. Kiritish uchun sintaksis {uslub parametrlari} bo'ladi. Bu erda nima yozishim kerak?
Birinchidan, havolalarning rangini o'zingizning xohishingizga o'zgartiring. Ushbu kod sizga yordam beradi:
a {color: # 00000;}. Albatta, "# 00000" o'rniga o'zingizning rangingizni kiritishingiz kerak. Rang kodini ushbu shaklda turli xil grafik dasturlarda (masalan, Photoshop-da) bilib olishingiz yoki veb-palitrani topishingiz mumkin.
4-qadam
Odatiy bo'lib, brauzer havolalar ostiga chizilgan qiladi. Buni quyidagi kod bilan bekor qilish mumkin: a {text-decor: none;}
Qalin havolalar yaratish uchun font-weight: bold; parametridan foydalaning. U stil kodiga rang, tagiga chizish singari kiritilgan.
5-qadam
Ehtimol siz ba'zi saytlarda havola ustiga o'tsangiz, uning ko'rinishi o'zgarib ketishini sezgan bo'lishingiz mumkin. Siz ham buni qilishingiz mumkin. Shunga o'xshash kod sizga yordam beradi: a: hover {uslub parametrlari}. Parametrlar odatdagi havola bilan bir xil tarzda belgilanadi, faqat bitta qiymat "hover" pseudo-class bo'lib, u brauzerga havola ustiga o'tishda ushbu sozlamalar qo'llanilishi kerakligini bildiradi.
Xuddi shunday, siz tashrif buyurgan havolalarni ta'kidlashingiz mumkin: a: tashrif buyurilgan {uslub parametrlari}
