Veb-sahifalarga joylashtirilgan jadvallarni shakllantiruvchi HyperText Markup Language (HTML) ko'rsatmalari juda ko'p sonli qo'shimcha parametrlarni taqdim etadi. Bu boshqa blok elementlaridan farqli o'laroq, o'lchamlarni nafaqat CSS tili (Cascading Style Sheets yoki "Cascading Style Sheets") yordamida, balki HTML ning o'zi yordamida ham belgilashga imkon beradi.
Ko'rsatmalar
1-qadam
Jadvalning kengligini piksel bilan ko'rsatish uchun jadval yorlig'ining width atributidan foydalaning. Tag (HTML yo'riqnomasi) jadvali ochilishdan iborat (
) qismlar, ular orasida jadval satrlari va kataklarini hosil qiluvchi teglar mavjud. Qo'shimcha parametrlar (atributlar) ochilish yorlig'iga joylashtirilishi mumkin, ularning ro'yxati har bir aniq yorliq uchun xalqaro standartlar bilan belgilanadi. Jadval yorlig'i uchun ushbu standartlar jadvalning kengligini piksel bilan belgilaydigan width atributidan foydalanishga imkon beradi. 500 piksel kengligini belgilaydigan bunday yorliqli oddiy jadvalning HTML kodi quyidagicha ko'rinishi mumkin:
| 1-hujayra | 2-hujayra |
2-qadam
Agar jadvalning kengligini piksel bilan emas, balki foiz bilan belgilash zarur bo'lsa, width atributining qiymatiga% belgisini qo'shing:
| 1-hujayra | 2-hujayra |
Iltimos, ushbu foizlar brauzer oynasining kengligidan kelib chiqmasligi shart. Hujjatning tuzilishi bu erda muhim ahamiyatga ega - xuddi uyali qo'g'irchoq u joylashtirilganidan kengroq bo'lishi mumkin emasligi sababli, jadvalning 100% kengligi asosiy elementning kengligidan katta bo'lishi mumkin emas. Masalan, jadval div blokining ichida bo'lsa, u holda bu blokning kengligi 100% deb qabul qilinadi.
3-qadam
Veb-sahifadagi jadvallar uchun bir xil kenglikni manba kodining bir joyiga o'rnatmoqchi bo'lsangiz, uslubni tavsiflash tili ko'rsatmalaridan foydalaning. Buning uchun birinchi navbatda HTML kodining bosh qismida (va o'rtasida) CSS tili bayonotlarini cheklaydigan ochilish va yopilish teglari joylashtiring:
/ * CSS ko'rsatmalari shu erda bo'ladi * /
Keyin ushbu CSS-ni o'sha teglar orasiga qo'ying: table {width: 100px;} Bu erda jadval shuni ko'rsatadiki, jingalak qavs ichiga joylashtirilgan tavsif sahifa kodida paydo bo'lgan barcha jadval teglariga qo'llanilishi kerak. Xo'sh, kenglik parametri kenglikni o'rnatadi. Bu erda ham nisbiy kenglikdan foiz sifatida foydalanishingiz mumkin.
4-qadam
Agar kenglikni barcha jadvallar uchun emas, balki faqat bitta yoki bir nechta jadvallar uchun belgilash kerak bo'lsa, CSS kodida va HTML jadval yorlig'ida sinf nomini ko'rsating. Masalan, tor jadvallar guruhini belgilaydigan sinf kichik deb aytaylik. U holda uning uslubi tavsifi quyidagicha ko'rinishi mumkin: table.tiny {width: 100px;} Va HTML kodidagi jadvallardan biriga tegishli teg quyidagicha:
| 1-hujayra | 2-hujayra |
