Jadvalni brauzer oynasining butun maydoniga cho'zish zarurati, masalan, sahifa dizayni jadval ichiga joylashtirilganda paydo bo'ladi. Ushbu muammoni hal qilish murakkab kod yozishni talab qilmaydi, ammo veb-sahifalarni belgilashning ba'zi xususiyatlarini hisobga olishni o'z ichiga oladi.
Kerakli
HTML haqida asosiy bilimlar
Ko'rsatmalar
1-qadam
Birinchidan, yaqinlashib kelayotgan operatsiyaning ma'nosiga aniqlik kiritishingiz kerak. HTML kodida jadval varaqlari ichki bog'langan teglar to'plamidir (bitta ochilish va bitish). Uyali teglar (
) qator teglari ichiga joylashtirilgan (
) va ular, o'z navbatida, jadval teglariga (
). Jadvalning ochilish yorlig'ida siz uning kengligi va balandligini mutlaq birliklarda (piksel) va nisbiy (foizlarda) o'rnatishingiz mumkin. Nisbatan kattaliklar bilan jadvalning asosiy elementining kengligi va balandligi 100% deb qabul qilinadi. Agar siz jadvalni to'g'ridan-to'g'ri sahifaning tanasiga joylashtirsangiz (va qatlamda, shaklda, boshqa jadvalda va boshqalarda emas), unda uning asosiy elementining o'lchamlari sahifaning kengligi va balandligi bo'ladi. Bu shuni anglatadiki, stolni barcha bo'shliqlarga cho'zish uchun siz uning uchun 100% gorizontal va vertikal o'lchamlarni belgilashingiz kerak.
2-qadam
Endi buni HTML-da amalda qo'llashni boshlashingiz mumkin. Jadvalning kengligi va balandligi kenglik va balandlik atributlari bilan belgilanadi. Shunday qilib, barcha yo'nalishlarda 100% o'lchamlarni va masalan, bitta qatorda ikkita katakchani ko'rsatadigan jadval kodi quyidagicha ko'rinishi mumkin:
| jadvalning chap katagi | jadvalning o'ng katakchasi |
3-qadam
Agar siz brauzer sahifa kodini o'qishi kerak bo'lgan to'g'ri HTML standartini tanlasangiz, jadvalni kengaytirish uchun 100% kenglik va balandlikni ko'rsatish kifoya qiladi. Yorliq hujjatning birinchi qatoriga joylashtirilgan. Sizga quyidagi tarkibdagi yorliq kerak:
4-qadam
Sizning kodingizda yana bitta nuqta hisobga olinishi kerak: sukut bo'yicha sahifa oynaning chetidan bir necha pikselga tushiriladi, shuning uchun jadval, hatto butun sahifani to'ldirgandan so'ng ham, butun oynaga cho'zilmaydi. Ushbu keraksiz maydonlarni yo'q qilish uchun sahifa tanasining () ochilish yorlig'idagi mos keladigan atributlarda nol indentlarni belgilashingiz mumkin:
5-qadam
Yig'ilganda, ekranning butun kengligi va balandligiga cho'zilgan jadval bilan butun sahifa kodi quyidagicha bo'ladi:
Uzatilgan stol
| jadvalning chap katagi | jadvalning o'ng katakchasi |
