Web-sahifa ranglarini boshqarish usullari

Ranglarni kodlashtirish shriftlarni, gorizontal chiziqlarni, sahifa fonini va sahifaning boshqa tarkibiy qismlarini bo‘yash uchun ishlatiladi. Ranglar ularning ingliz tilida qabul qilingan nomlari bilan yoki ularning o‘n oltilik sanoq sistemasidagi kodlari orqali belgilanadi. Ko‘rsatkichlari ranglarni aniqlash uchun ishlatiladigan bir qancha atributlar mavjud, lekin rangni aniqlashning eng oddiy yo‘li uning nomini ingliz tilida yozishdir. Masalan, shriftning sariq rangi FONT elementida quyidagicha berilishi mumkin:

91-rasmda ranglarning ingliz tilidagi mumkin bo‘lgan nomlari va kodlari

berilgan.

Siz o‘zingizning web-sahifalaringizga har qanday *.gif yoki *.jpg formatidagi rasm yoki animatsiyalarini qo‘yishingiz mumkin. Rasmingiz hajmi jihatidan qanchalik kichik bo‘lsa, shunchalik yaxshi, chunki foydalanuvchilar rasmning uzoq vaqt paydo bo‘lishini yoqtirishmaydi. web- sahifangizga rasm qo‘yish uchun quyidagi tegni ishlating:

Masalan, .

Ochyashil		Svetlo-zeleniy		lime		#00FF00
Kumushrang		Serebristiy		silver		#C0C0C0
Soyali		Seriy		gray		#808080
Ko‘kish		Siziy		teal		#008080
Ko‘k		Siniy		blue		#0000FF
To‘qko‘k		Ultramarin		navy		#000080
Siyohrang		Fioletoviy		violet		#EE80EE
Binafsha		Fuksinoviy		fuchia		#FF00FF
Qora		Cherniy		black		#000000

ALT atributi esa rasmga izoh chiqaradi. Masalan: ALT="Oliy majlis binosi". Izoh paydo bo‘lishi uchun foydalanuvchi kursorni rasm ustiga olib borishi kerak. Agar rasmda izoh mavjud bo‘lsa, unda foydalanuvchi rasmning ekranga chiqishini qarab o‘tirishi shart emas. Ushbu atribut grafikli menyu yaratishda juda yordam berishi mumkin.

Yuqorida ko‘rsatilgan barcha teglar … … ichida qo‘llaniladi:

LEFTMARGIN – Agar web-sahifangizda jadval qo‘llanilgan bo‘lsa, unda ushbu funksiya jadvalning chap tomonida bo‘sh joy qoldirish yoki qoldirmaslikni belgilaydi.

RIGHTMARGIN – Ushbu funksiya, yuqoridagi singari, jadvalning o‘ng tomonda bo‘sh joy qoldirish yoki qoldirmaslikni belgilaydi.

BOTTOMMARGIN – Ushbu funksiya jadvalning pastki qismida bo‘sh joy qoldirish yoki qoldirmaslikni belgilaydi.

TOPMARGIN – Ushbu funksiya jadvalning yuqori qismida bo‘sh joy qoldirish yoki qoldirmaslikni belgilaydi.

Masalan:

Quyidagi atributlar

ichida qo‘llaniladi: BORDER – ushbu atribut jadval chegarasining qalinligini o‘zgartirish uchun qo‘llaniladi. Uning qiymati butun son bo‘lishi kerak. 157 BORDERCOLOR – jadval ramkasining rangini o‘zgartirish uchun qo‘llaniladi. Sizga ma’lum bo‘lgan ranglardan tashqari har hil kombinatsiyalar ishlatish mumkin. Ranglar kombinatsiyalarini ishlatish uchun “#” belgisi va 00, 33, 66, 99, CC, FF lardan tashkil topgan 6ta simvolli kombinatsiyalari qo‘llanilishi mumkin. Masalan: “#FF3300”, “#CC87F3” va h.k. CELLSPACING – yacheykalar orasida bushliq kengligini aniqlaydi (piksellarda). Uning qiymati asl holida 2 pikselga teng. CELLPADDING – yacheykalarda mavjud ma’lumot va uning chegarasi orasidagi bo‘shliq kengligini aniqlaydi (piksellarda). Ushbu tegni ishlatgan holda jadvalning ichki maydonlarini yaratish mumkin. Masalan: border = 1 yoki border = 1 px Cellspacing = 5 yoki 5 px Cellpadding = 5 yoki 5 px 0 qiymatini ishlatib bo‘shliqni olib tashlash mumkin. Quyidagi atributlar	ishida qo‘llaniladi: ROWSPAN – jadvalning gorizontal chiziqlarini olib tashlash uchun qo‘llaniladi (quyi yacheyka bilan birlashadi). COLSPAN – jadvalning vertikal chiziqlarini olib tashlash uchun qo‘llaniladi (oldidagi yacheyka bilan birlashadi). ALIGN – jadvaldagi / satrdagi / yacheykadagi mavjud ma’lumotning joylanishini o‘zgartiradi. VALIGN – jadvaldagi / satrdagi / yacheykadagi mavjud ma’lumotning joylanishini vertikal bo‘yicha o‘zgartiradi. Masalan:	2 ta vertikal chiziq uchiriladi va 3 ta gorizontal yacheykalar birlashadi. 158	1 ta gorizontal chiziq uchiriladi va 2 ta vertikal yacheyka birlashadi.		Quyidagi atributlar
, va ichida qo‘llaniladi: WIDTH – jadval satrining kengligini o‘zgartirish uchun qo‘llaniladi. HEIGHT – jadval satrining balandligini o‘zgartirish uchun qo‘llaniladi. WIDTH va HEIGHTning qiymatlarini 2 ko‘rinishda ko‘rsatish mumkin: piksellarda (masalan: width=500 yoki width=500 px) yoki foizlarda ekran kengligiga nisbatan (masalan: width=90%). FRAME va RULES ishlatilishi. Jadvalning ichki ramkalarini o‘zgartirishda qo‘shimcha ravishda FRAME va RULESdan foydalanishimiz mumkin. Masalan: