4-bob.

HTML-da jadvallar

HTML mablag'larida eng kuchli va keng qo'llaniladiganlardan biri jadval. Tabulyatsiya ma'lumotlarini taqdim etish tushunchasi qo'shimcha tushuntirishga muhtoj emas. HTML jadvallari nafaqat an'anaviy ravishda, balki ma'lumotlarni taqdim etish usuli sifatida, balki veb-sahifalarni formatlash vositasi sifatida ham qo'llaniladi. Bizda asl ko'rinishi hujjatni qurishning qulay usuli bo'lgan aslida mavjud bo'lgan hujjatlar keltiramiz. Shaklda. 4.1 Sabzavotlar va ustunlar orqali buzilgan raqamli ma'lumotlarni ifodalash uchun jadvallardan foydalanishning odatiy namunasini ko'rsatadi. Shaklda. 4.2 Jadvaldan foydalanish faqat hujjatni formatlash ob'ektlariga xizmat qiladi, bu sahifa elementlarining o'zaro joylashuvini belgilaydi. Bunday hujjatni ko'rayotganda, uni qurish uchun stol ishlatilishi mumkin, chunki uning hujayralari atrofida ramkalar chizilmagan.

HTML tilining birinchi versiyasi jadvallarni ko'rsatish uchun maxsus vositalar uchun maxsus vositalarni ko'zda tutmagan, chunki oddiy matn yozish uchun mo'ljallangan. HTML hujjatlaridan foydalanishni rivojlantirish bilan, bu ma'lumotlar va ustunlarning mavjudligi odatda ko'p qatorlar mavjudligi to'g'risida ma'lumotlarni taqdim etishning dolzarb vazifa bo'ldi. Dastlabki ustunlarda bo'lgan ma'lumotlar yaratilgan hujjatlar yaratish, zaruriy maydonlarni kiritish orqali zarur bo'lgan simulyatsiya qilingan matndan foydalangan holda amalga oshirildi. Teglar juftligi ichidagi matnni eslang

Va

U monosin shrift bilan namoyon bo'ladi va barcha bo'shliqlar va yorliqlar mazmunli. Bunday matnni tenglashtirish bo'yicha ishlar qo'lda bajarildi, bu hujjatlar yaratilishidan sezilarli darajada sekinlashtirdi. Jadvalni qo'llab-quvvatlash Ma'lumotlarning taqdimoti faktoga aylandi, chunki u dastlabki etakchi brauzerlarda amalga oshirilgan va faqat HTML 3.2 spetsifikatsiyasida muhim vaqt belgilangan.

Biroq, stollarni yaratish uchun maxsus vositalar, masalan, simulyatsiya qilingan matndan foydalanishni bekor qilmang. Jadvallardan foydalanish qatorlar va ustunlardan iborat ma'lumotlar bilan cheklanmaydi. Arizalardan biri bu oddiy matn, rasmlar, boshqa stollardan iborat bo'lgan sahifada turli xil ma'lumotlar joylashgan joyni tashkil etishdir. Jadvallarni yaratish qoidalari va ulardan foydalanish misollari ushbu bobga bag'ishlangan.

Anjir . 4.1. HTML jadvalining tipik misol

Anjir . 4.2. Freymsiz namunaviy stol

Eng oddiy HTML jadvallarini yaratish

Avvalgi eng kam belgilar to'plamini va ularning parametrlarini va oddiy jadvallarni yaratish uchun zarur va etarli deb hisoblang, so'ngra batafsil tavsifga o'ting.

Jadvallarning tavsifi Hujjat bo'limida joylashgan bo'lishi kerak . Hujjat o'zboshimchalik bilan bir nechta jadvallar sonini o'z ichiga olishi va jadvallarning uyasi bir-biriga ruxsat beriladi. Har bir jadval teg bilan boshlanishi kerak

Va yorliq bilan tugaydi. Ushbu juft yorliqlar ichida stol tarkibining tavsifi mavjud. Har qanday jadval bir yoki bir nechta satrlardan iborat bo'lib, ularning har biri individual hujayralar uchun ma'lumotlar keltirilgan.

Har bir satr tega boshlanadi (Jadval satr) va yorliq bilan yakunlandi. Satrda alohida hujayra juft teglar bilan o'rnatiladi va (Jadval ma'lumotlari) yoki va (Jadval sarlavhasi). Yorliq Odatda stol sarlavhalari uchun ishlatiladi va - ma'lumotlar hujayralari uchun. Foydalanishdagi tafovutlar faqat hujayralarning tarkibini, shuningdek hujayra ichidagi ma'lumotlar joylashgan joyni ko'rsatish uchun ishlatilgan shrift turida joylashgan. Turdagi hujayralarning tarkibi Qalin (qalin) shriftni ko'rsatadi va markazda joylashgan (tekis \u003d markazida joylashgan). Teglar yorliqlari Odatiy bo'lib, chapga tenglashtirilgan ma'lumotlar ko'rsatiladi (tekis \u003d chap) va vertikal yo'nalishda (Vlugg \u003d o'rta).

Teglar va stolning qatorini tavsiflashdan tashqarida ko'rinishi mumkin emas . Tuzatish kodlari, va Qoldirilishi mumkin. Bunday holda, satr yoki hujayraning tavsifining oxiri keyingi chiziq yoki hujayraning boshlanishi yoki stolning oxiri. Jadvalni tugatish jadvali Qoldirib bo'lmaydi.

Jadvaldagi qatorlar soni ochilish yorliqlari soniga qarab belgilanadi va ustunlar soni - maksimal son yoki Barcha chiziqlar orasida. Hujayralarning bir qismi hech qanday ma'lumot bo'lmasligi mumkin, bunday hujayralar quyidagi teglar bilan tavsiflanadi - , . Agar biron bir satr oxirida joylashgan bir yoki bir nechta hujayralarda ma'lumotlar mavjud bo'lmasa, unda ularning tavsifi qoldirilishi mumkin va brauzer avtomatik ravishda kerakli miqdordagi bo'sh hujayralarni qo'shadi. Bundan kelib chiqadiki, turli xil zarbalarda bir xil o'lchamdagi har xil sonlarning turli xil ustunlari mavjud.

Stolda bir juft teglar bor va. Ta'rif stol sarlavhasi ichida teglar joylashgan bo'lishi kerak

va har qanday joyda, ammo har qanday tegning tavsifi tashqarida , yoki . HTML til spetsifikatsiyasiga ko'ra, tavsifning tavsifi sarlavhalar aniqroq: u yorliqdan keyin darhol joylashtirilishi kerak va birinchilardan oldin . Ushbu qoidaga rioya qilishni tavsiya etamiz.

Odatiy bo'lib, stol sarlavhasi matni yuqorida joylashgan (tekis \u003d tepasida) va gorizontal yo'nalishda joylashgan.

Ro'yxatli teglar parametrlarga ega bo'lishi, ularning soni va qiymatlari boshqacha. Biroq, oddiy holatda, teglar standart qiymatlarni qabul qiladigan parametrlarsiz ishlatiladi.

Ushbu ma'lumot oddiy jadvallarni yaratish uchun etarli. Ikkita qator va ikkita ustundan iborat oddiy jadvalga misol keltiramiz, uning ekran rasmda ko'rsatilgan. 4.3.

1-qatorli hujayra	2 qatorlar 1
1-qatorli hujayra	Hujayrali 2 qatorlar 2

Anjir. 4.S. Eng oddiy jadvalga misol

Sahifada jadvalni ko'rish

Jadvallarni tavsiflovchi yorliqlarda ishlatilishi mumkin bo'lgan turli parametrlarning topshirig'ini ko'rib chiqing.

Jadval nomi

Tag sarlavhasi jadvali U moment qiymatlarini (stol ustiga) yoki pastki qismini qabul qiladigan bitta ruxsat etilgan engil parametrga ega (stol ostida sarlavhasi). Yashash parametrini ajratib olish mumkin, uni tekislash qiymatiga to'g'ri keladi. Gorizontal yo'nalishda stolning sarlavhasi har doim o'z markazida joylashgan. Stolda sarlavha bo'lmasligi mumkin. Stolning sarlavhasi ko'p hollarda, oddiy matnda HTML spetsifikatsiyasi tomonidan boshqariladi, ammo teglar o'rtasidagi haqiqatda va Bo'limda ishlatiladigan har qanday HTML elementlarini yozib olish uchun ko'rinadi . Keling, stolning yozuvini misol keltiraylik:

Bogning pastki qismida joylashgan sarlavha

Agar ushbu sarlavha tavsifi yuqoridagi misolga qo'shilsa, jadvalda ko'rsatilganidek, stol ko'rsatiladi. 4.4.

Anjir. 4.4.Sarlavha bilan stol

Microsoft Internet Explorer brauzeri sarlavha joylashuvini tanlash uchun qo'shimcha funktsiyalarni taqdim etadi. Yuqorida tavsiflangan qiymatlar bilan bir qatorda gorizontal tekislash uchun tashqi parametrlar, markaziy va to'g'ri qiymatlar qoldiradi. Shuni esda tutingki, bu gorizontal tekislash uchun keng tarqalgan va vertikal uchun keng tarqalgan kamchiliklardan biri. Masalan, rekord darajadagi \u003d o'ng tomonda o'ng tomonga bosilgan va stolga joylashtirilgan sarlavha tartibini taqdim etadi. Agar siz bir tekisda yozsangiz, yuqoridagi misolda bo'lgani kabi, sarlavha stol ostida joylashgan bo'ladi. Biroq, birlashtirilgan parametrning bir sarlavhasida ikki tomonlama foydalanish mumkin emas. Shuning uchun, vertikal tekislash uchun maxsus parametr qo'shimcha ravishda joriy qilinadi - Volis, bu moment qiymatlari yoki pastki qismini oladi. Masalan, sarlavha uchun stolning pastki qismida chap tomonga tekislangan holda, tavsif quyidagi shaklga ega:

Pastki qismida joylashgan sarlavha chap tomonga

Microsoft Internet Explorer-da sarlavha tavsifi bo'lgan jadval quyidagicha ko'rsatiladi (4.5-rasm). Agar bu misol Netscape-da ko'rib chiqilsa, sarlavha standart, i.e. stol ustida va o'rtada gorizontal yo'nalishda joylashtiriladi.

Anjir. 4.5. Gorizontal tekislash jadvali jadvallari brauzeri Microsoft Internet Explorer

Gorizontal tekislash imkoniyatlari jadvallari - Netscape Naigigor brauzeri tomonidan qo'llab-quvvatlanmaydigan HTML spetsifikatsiyasini kengaytirish.

Teg parametrlari

Stollarni yaratish paytida ishlatiladigan asosiy yorliq

. U bir qator parametrlar bilan ishlatilishi mumkin, ularning har biri kutishga ruxsat beriladi. Ruxsat etilgan parametrlar to'plami brauzerga bog'liq. HTML spetsifikatsiyasiga ko'ra yorliq Quyidagi parametrlardan foydalanish mumkin: chegara, uyali plastik, uyali plastik, kengligi, tekislang. Netscape Imicrosoft Internet Explorer brauzerlariga balandlik va BGColor parametrlaridan foydalanish uchun quyidagi beshta parametrlarga qo'shimcha ravishda ruxsat etiladi. Alohida brauzerlar sizga boshqa parametrlarni ko'rsatishga imkon beradi. Odatda ishlatiladigan yorliq parametrlarini tayinlashni ko'rib chiqing .

Chegara parametrlari

Chegara parametrlari har bir hujayra tasvirini boshqaradi, ular aslida chiziqli chiziqlar va butun stol atrofida. Odatiy ramkalar tortilmaydi va ekranda foydalanuvchi faqat jadval hujayralarining matnini aniqlaydi. Jadvallarsiz stollardan foydalanish juda ko'p holatlar mavjud, masalan, jadvallar yordamida amalga oshiriladi yoki chizmalar va matnlarning aniq o'zaro mavqeini belgilash. Biroq, aksariyat hollarda, uning stollaridan an'anaviy foydalanish uchun uning hujayralari stolli chiziqlarni bir-biridan ajratish va jadvaldagi ma'lumotlarni tushunishga yordam beradigan bir-biridan ajratish uchun foydalidir.

Kodeksda kristalli jadvalga qo'shish kerak

Chegara parametrlari soni raqamli qiymatga ega bo'lishi mumkin.

Masalan,

yoki .

Parametrning raqamli qiymati butun stolim atrofida chizilgan piksellarning qalinligini aniqlaydi, ammo har bir hujayra atrofida ramkalarning qalinligiga ta'sir qilmaydi. Raqamli qiymat bo'lmaganda, odatda minimal qiymat (1) ga teng (1), garchi turli brauzerlarga bo'lsa ham, ramka displey uslubi farq qilishi mumkin. Jadvalni butun stromkaning displeyini mustaqil nazorat qilish va hujayralar atrofidagi ramkalar yo'q.

10 ta pikselning qalinligi bilan stolning misoli rasmda keltirilgan. 4.6.

Anjir. 4.6.Freym qalinligi 10 piksel

HTML 3.0 spetsifikatsiyasi chegara parametrining qiymatini o'z ichiga olmaydi. Bu faqat HTML 3.2da amalga oshiriladi. Xususan, Microsoft Internet Explorerning dastlabki versiyalari raqamli qiymat parametrlarini sozlashiga yo'l qo'ymadi.

E'tibor bering, chegara parametrining yo'qligida ramkalar tortilmaydi, ammo ular ostida qoldiriladi (bu faqat Netscape-ga tegishli). Chegara parametrining yo'qligida yoki uning mavjudligi bo'lmagan jadvalning umumiy hajmi o'zgarmaydi (istisno - bu vazifa chegarasi \u003d 0). Shunday qilib, ushbu holatlardagi ikkita qo'shni hujayralar orasidagi minimal masofa ramkaning qalinligini ikki baravar ko'paytiradi, ya'ni ikkita piksel. Hujayralarni bir-biriga iloji boricha yaqinroq joylashtiring. Belgilangan chegara \u003d 0, ya'ni doiraning yo'qligini anglatadi. Ba'zi brauzerlar chegara parametrining raqamli qiymatining vazifasini qo'llab-quvvatlamasligi mumkin, keyin nolga teng bo'lgan qiymat e'tiborga olinmaydi va jadval ramka bilan chiziladi.

Keling, bir nechta misol keltiraylik:

Yuqorida keltirilgan Netscape brauzeri boshqacha ko'rsatiladi. E'tibor bering, bu erda standart qiymat haqida gapirolmasangiz, bu erda juda noyob ish mavjud. Chegara parametridan chiqarib yuborilgan uchinchi misol ushbu parametr mavjud bo'lgan har qanday misoldan farq qiladi. Microsoft Internet Explorer uchun ikkinchi va uchinchi misollar bir xil, shuning uchun ushbu brauzer uchun chegara parametrining standart qiymati nolga teng.

Parametr uyasi

Parametr yozuvi shakli: Uyali telefon \u003d Num, bu erda pikselda parametrning raqamli qiymatidir. Numl qiyasoni qo'shni hujayralar orasidagi masofani (kameralar hujayralari orasidagi) gorizontal va vertikal jihatdan aniqlaydi. Odatiy bo'lib, qiymat ikkiga teng bo'ladi. E'tibor bering, an'anaviy jadvalni qo'shadigan hujayralarni nashr etish tizimida umumiy chegaraga ega ekanligiga e'tibor bering. HTML jadvallarida, yuqoridagi rasmda aniq ko'rinadigan ular orasida odatiy joy qoldi (4.6-rasm). Uyali aloqa ma'lumotlarini belgilashda \u003d 0 qo'shni hujayralar ramkalari, stolning yagona jadvali yaratiladi va yaratiladi (4.7-rasm).

Anjir. 4.7.Uyali postspacing \u003d 0

Uyali

Yozish shakli parametrlar uyali postspalashga o'xshaydi. Numl qiymat hujayra ramkasi va hujayra ichidagi ma'lumotlar orasidagi bo'sh joy (yozuv) hajmini aniqlaydi. Odatiy bo'lib, qiymati bittaga teng olinadi. Halokampingling parametrini nolga belgilash, hujayra matnining ba'zi qismlari uning freymiga ko'rinmaydigan qismiga tegishi mumkinligiga olib kelishi mumkin.

Shaklda. 4.8 Halppadingling qiymati bilan jadvalning misolini ko'rsatadi.

Anjir. 4.8.Warkpading \u003d 10

Halokampinging va uyali pspiring parametrlari bir-biriga juda o'xshash. Freymlarsiz stol uchun bitta yoki boshqa parametrni o'zgartirish xuddi shu natijaga olib keladi. Ikkala parametr ham mos keladigan ko'rsatkichlarga gorizontal va vertikal ravishda ta'sir qiladi. Afsuski, gorizontal va vertikal chekinishlarni, masalan, rasmlardan ajratish uchun gorizontal va vertikal chekinishni alohida boshqarish (parametrlar HSPACE va VSPACA yorlig'i) ), taqdim etilmagan.

Uchala parametrlari - chegara, uyali plasterging va uyali plastik bir-biridan mustaqil ravishda amalga oshiriladi, agar ulardan birortasi qoldirilsa, unda sukut bo'yicha olingan qiymat olinadi. Xususan, agar sanab o'tilgan barcha parametrlar o'chirilgan bo'lsa, qo'shni hujayralardagi ma'lumotlar orasidagi minimal masofa 6 piksel (Netscape uchun) bo'ladi. Ushbu qiymat hujayralar uchun ikkita pikseldan iborat bo'lib, har bir hujayra doirasi uchun bitta piksel va bitta piksel uchun bitta piksel. Eng murakkab jadval quyidagi tavsifning vazifasi bilan olinadi:

Faqat ushbu variant hujayralarda bir-biriga yaqin joyda joylashgan bo'ladi. Bir xil o'lchamdagi rasmlarni o'z ichiga olgan stoldan foydalanishning namunasi, ular bir-birining yonida joylashtirilgan bo'lishi kerak.

Kenglik va balandlik parametrlari

Jadvallar aks ettirilganida, ularning kengligi va balandligi brauzer tomonidan hisoblangan va ko'plab omillarga bog'liq: stolga, alohida liniyalar va hujayralarga berilgan barcha hujjatlar tavsifida ko'rsatilgan parametrlar, hujayralar tarkibi , masalan, boshqa brauzerda ko'rib chiqishda ko'rsatilgan parametrlar, masalan, shriftning turi va o'lchami, ko'rish va o'lchamdagi stolning o'lchami va boshqalar avtomatik ravishda amalga oshirilganda, Ushbu omillarni hisobga olgan holda, stolni eng qulay tarzda topshirishga urinish eng qulay tarzda - jadvalni joylashtirish va ko'rish oynasi. Umumiy ko'rinishda umumiy hujjatlar uchun umumiy hujjatlar uchun vertikal hujjatning mazmuni va turli xil stollar va boshqalar bilan izohlanadigan matnni kesish va turli xil jadvallar va boshqalarga tarjima qilingan matnni kesib o'tishi va har bir antuctiv hujjatlar tomonidan yozilgan matnni yozib qo'yadi har qanday matn muharrirlari. Ikkala matn muharrirlarining aksariyati (masalan, Microsoft Word) va HTML brauzerlari avtomatik ravishda matn formati (agar bo'lsa), shunda (agar bo'lsa) tomosha oynasining kengligidan oshmasligi kerak. Bu hujjatning gorizontal yo'nalishi zarurligini oldini oladi. Shunga o'xshash harakatlar jadvallar bilan brauzerlar tomonidan tayyorlanadi - agar iloji bo'lsa, ularni jadvalning kengligi kengligining kengligidan oshmasligi kerak. Jadvallarning kengligi muhimroq, hisoblash eng muhimi, hisob-kitobi balandligi bilan taqqoslaganda muhim ahamiyatga ega deb xulosa qilish mumkin.

Aksariyat hollarda, jadvalning dinamik ta'rifi estetik jihatdan mutanosib ravishda tasvirni ko'zdan kechirish oynasining haqiqiy nuqtai nazaridan samarali foydalanish bilan ta'minlaydi. Biroq, stolning kengligi yoki balandligini kuchaytirish kerak. Buning uchun kenglik parametrlari ishlatiladi (jadval kengligi) va balandligi (jadval balandligi) teg

. Yozish shakli: kenglik \u003d Num yoki kenglik \u003d Num%, bu erda butun stolimning kengligi yoki butun oyna o'lchamining foizi. E'tibor bering, qadriyatlarni, katta 100% qiymatlarni belgilash joizdir, ammo bu qaerda bo'lgan ishni tasavvur qilish qiyin. Misol:

.

Shunga o'xshash parametrlar individual hujayralar uchun o'rnatilishi mumkin. Eslatib o'tamiz, masalan, parametrning aniq qiymatini belgilash, masalan, kengligi \u003d 200 har qanday holatda ham belgilangan kenglikning kengligini belgilaydi, ammo agar iloji bo'lsa, tavsiya etilgan kenglikni belgilaydi. Keling, buni misollar to'g'risida tushuntirib beraylik. Aytaylik, stol mavjud bo'lib, ular ushbu sharoitda belgilangan darajada kengligi pastroq bo'lishi mumkin. Bunday holda, brauzer stolning barcha ustunlarini mutanosib ravishda kengaytirish orqali stolning kengligini talab qiladi. Ko'rish oynasi torayganda, stolning kengligi o'zgarmaydi va uni gorizontal aylantirish kerak bo'lishi mumkin. Agar standart jadval belgilanganidan kattaroq bo'lsa, brauzer o'zining kengligini pasaytiradi, shu bilan birga, belgilangan kenglik kattaroq bo'lgan individual hujayralarni ajratib turadigan individual ustunlarning kengligini kamaytiradi stolning balandligi oshgan holda bir nechta qatorlar. Ushbu harakatlar kerakli jadval hajmini ta'minlamasligi mumkin, keyin u minimal kenglikning kengligiga ega bo'ladi. Xuddi shu harakatlar ko'rish oynasi toraytirilganda, o'lchamlarni ko'rsatmaydigan jadvallar uchun qilingan harakatlar uchun qilingan.

Maxsus jadvalda konfiguratsiya algoritmlari turli xil brauzerlar uchun biroz farq qilishi mumkin.

Parametr tekislang

Ushbu parametr yorlig'i

Ko'rsatmadagi jadvalning gorizontal joylashgan joyini belgilaydi. Haqiqiy qiymatlar - chap (chapda) va o'ngga (o'ngda). Odatiy bo'lib, stol chap tomonda tekislanadi. Shuni yodda tutingki, ruxsat etilgan qiymatlar orasida moslash parametrlari - markazi uchun odatiy qiymat mavjud emas. Ba'zi manbalar HTML tilidagi, markaz (markazlashtirilgan) bu holatda ruxsat beriladi. Bu HTML spetsifikatsiyasiga mos keladi, ammo amalda va Netscape Navigator va Microsoft Internet Explorer faqat ikkita qiymatni amalga oshiradi. Gap shundaki, yorliqdagi tekislik parametrining mavjudligi Nafaqat stolning joylashuvini aniqlaydi, balki stol atrofida oqim atrofida rasmlarni rasmlarning tarmog'iga o'xshash teskari tomondan o'qishga imkon beradi. Har qanday holatlarda ikkala tomonning matnli stol atrofidagi oqim ko'zda tutilmagan. To'g'ri oqim menejmenti yorliqdan foydalanish kerak
aniq parametr bilan, shuningdek u amalga oshiriladi . Agar mos keladigan parametr berilsa, uning kengligidan qat'i nazar, o'ng va / yoki stolning chap tomonidagi joy doimo bo'sh bo'ladi. Agar stol matn oqimini talab qilmasa, siz o'z manziliga tomosha oynasida erishishingiz mumkin. Buning uchun, masalan, teglar juftligi ichida jadval tavsifini tuzishingiz mumkin. va.

Biz oqayotgan matnli jadvalga misol keltiramiz, uning ekran rasmda ko'rsatilgan. 4.9.

kattalar

sankt-Peterburg aholisi

Ibrom Aleksandr Aleksey Albert. Anatoliya Asryu Arkadiy Boris. Vadim. Valentin Valyer Porail Viktor Vitalli Vladimir Vladislav. Vyacheslav Gennady Georgiy. Xermann Grigoriya Dmitriy

Evgisiy Efim Ivan. Igor Il ya Yasef Konstantin sher Leonid Mimunli Nikolay Olej Palaka Shayton Roman Sperma Serjun Schanis Qirg'iy Yuriy. Yakov

43 ta eng keng tarqalgan ismlar namunaning 92 foizini qoplaydi.

Anjir. 4.9. Oqimli matnli ramkasiz stol

Ushbu hujjat bir tekissiz yoki chap tekislik parametrisiz stoldan iborat bo'lib, u matnga stolning o'ng tomoniga o'tish imkonini beradi. Jadval faqat bitta chiziqdan iborat bo'lib, unda ikkita hujayra mavjud. Har bir hujayrada o'lchanmagan ro'yxatning bir qismi mavjud.

. Chop etish uchun jadvaldan foydalanish ro'yxatning bir nechta ustunlarda joylashish usullaridan biridir, bu esa bu misolni ko'rsatadi. Stolning o'ng tomonida joylashgan matn barchasiga mos kelolmaydi va jadvaldan keyin davom ettiriladi. Brauzerni tomosha qilish oynasining kengligini kamaytirish uchun ushbu misolni sinab ko'ring va ba'zi bir joyda barcha matn jadvalning pastki qismidan bo'ladi. Jadvaldagi matn oqimining majburiy ravishda uzilishi uchun (masalan, keyingi matnda jadvalga mantiqiy bo'lmagan va undan pastda joylashgan bo'lsa), kod tomonidan ishlatilishi kerak.
Aniq parametrlar o'rnatilgan holda. Ushbu misol uchun siz yozishingiz kerak
yoki
. Ba'zi brauzerlar aniq parametrni ma'nosiz yozishga imkon beradi, ammo bu tavsiya etilmaydi. Xuddi shu vazifani bajarish uchun bir nechta qator tarjimalarni o'rnating
Aniq parametrsiz (matnning misolidan bir nechta chiziqlarga siljish uchun) yoki yangi xat boshining bir nechta kodlari

Noto'g'ri qaror.

Shunga o'xshash sahifani yaratish uchun biz ozgina misol keltiramiz, uning ekran rasmda ko'rsatilgan. 4.10.

Eng keng tarqalgan odamning ismlari

sankt-Peterburgdagi kattalar aholisi

Ibrom Aleksandr Aleksey Albert. Anatoliya Asryu Arkadiy Boris. Vadim. Valentin Valyer Porail Viktor Vitalli Vladimir Vladislav. Vyacheslav Gennady Georgiy. Xermann Grigoriya Dmitriy

Evgisiy Efim Ivan. Igor Ilya Ancocif Konstantin sher Leonid Mimunli Hikolay Olej Palaka Shayton Roman Sperma Serjun Schanis Qirg'iy Yuriy. Yakov

Ushbu ma'lumotlar Sankt-Peterburgda istiqomat qiluvchi 18000 yoshdan oshgan 5000 ga yaqin bo'lgan ma'lumotlar bo'lgan vakillik namunasini tahlil qilish asosida olingan. Ko'rsatilgan 43 kishi odatda namunaning 92% ni tashkil qiladi. Boshqa ismlarning har birining paydo bo'lish chastotasi 0,3% dan oshmaydi



Anjir. 4.10. Uchta ustunni o'z ichiga olgan freymsiz stol

Oldingi misoldan farqli o'laroq, stol atrofida oqadigan matn yo'q. Butun hujjat bitta qatorda uchta hujayrani o'z ichiga olgan bitta jadvaldan iborat. Dastlabki ikkita hujayra avvalgi misolni to'liq takrorlaydi. Uchinchi kamerada birinchi ikkita hujayra tarkibidagi matn mavjud. Oldingi ishda aytilganidek, majburiy matnni buzishni belgilashning hojati yo'q. Jadval bilan bog'liq butun matn uchinchi kamerada va keyingi matnda - butun stol tavsifi tugaganidan keyin. Ikkala misolni to'liq ekranda ham ko'rinishda, sarlavhadan tashqari, ikki ustunli ro'yxatning o'rtasida va ikkinchisida - har uch stolning o'rtalarida joylashgan ustunlar. Biroq, so'nggi misolda tomoshabinlar zonasida pasayishi bilan, matnning bir qismi quyidagi jadvalga o'tishi mumkin, shu bilan uning tuzilishini bezovta qiladi.

Stol ichida ma'lumotlar formatlash

Stol ichidagi har bir alohida hujayra mustaqil formatlash maydoni sifatida ko'rib chiqilishi mumkin. Matn displeyini boshqarish bo'yicha barcha qoidalar hujayra ichidagi matnni formatlash uchun ishlatilishi mumkin. Hujjatda paydo bo'ladigan deyarli barcha HTML elementlaridan foydalanish joizdir , matnning joylashgan joyini boshqaradigan teglar, shu jumladan -

,
,

---

, bosh boshqaruv kodlari - dan

oldin

, belgi formatlash teglari<В>, , , , , , , Tegivestiyalar Gipermatn havolalari<А> Va hokazo. Darhol alohida kamerada ko'rsatilgan teglar hajmi yakuniy yorliq mavjudligidan qat'i nazar, ushbu kamera chegarasi bilan cheklanganligini ta'kidlang. Masalan, agar matnning rangi kamerada aniqlansa - , hatto tugatish kodi bo'lmasa ham Yoki uni bir nechta hujayralar yoki stol qatorlari orqali tartibga soling, quyidagi hujayra matnida oddiy rangi aks ettiriladi.

Ma'lumot formatlash uchun jadvaldagi hujayralar ichida quyidagi parametrlar taqdim etiladi.

Hujayralarning tarkibiy qismlarini tekislash tarkibi tekislanadi va tobora Kodlarda ishlatilishi mumkin , va . Horizontal tekislash parametri chap, o'ng va markaziy qiymatlarni qabul qilishi mumkin (standart qoldirilgan) va markaz ). Voljign vertikal hizalama parametri (yuqori chetiga), pastki (pastki chetiga), pastki (o'rtada), o'rtada (bazali) bazasi (bazali) bazasi (bazali) bazasi (bazali) bazasida olishi mumkin. Odatiy - o'rta. Dastlabki hizalash barcha katakchalarni bitta chiziqqa ajratish uchun alohida chiziqni bog'lashni ta'minlaydi. Belgilangan parametrlarni kod darajasida o'rnating Ushbu chiziqning barcha hujayralari uchun, satrda belgilangan har bir hujayra hujayralarida, belgilangan parametrlarni aniqlaydigan parametrlari .

Keling, birinchi ustun hujayralaridagi ma'lumotlar o'ng tomonga mos keladigan jadvalga misol keltiraylik, ikkinchi ustun - markazda va uchinchi chapda (standart qiymat):

1-uy.	Aldash 2.	3-uy.
Yachika 4.	5-uy.	6-uy.

Ushbu misolning ekranida brauzer anjirda ko'rsatilgan. 4.11.




Anjir. 4.11.Jadval hujayralarida ma'lumot

Hozirgi parametr avtomatik ravishda hujayra matnini satrga ajratish qobiliyatini o'chiradi. Kodlarda ishlatilishi mumkin , va . Ushbu parametrning asossiz qo'llanilishi oldini olish kerak, chunki bu jadvallarda dinamik o'zgarish imkoniyatlarini sezilarli darajada kamaytiradi va ularning idrokini yomonlashtiradi. Aksariyat hollarda, yangi liniyaga so'z o'tkazilishini taqiqlashni talab qiladigan individual hujayralar uchun taqdim etish kifoya. So'zni uzatish faqat so'zlar (bo'shliqlar) va ba'zi hollarda, alohida joylarda matn yorlig'ini alohida joylarda yoritishni taqiqlash, bu notekis kosmik kodni o'rnating. Misollar sifatida siz bo'shliq tavsiya etilmagan bo'lsa - bu qiymatni va ushbu qiymatni o'lchash birliklari o'rtasida kerak emas; Familiya va bosh harflar o'rtasida. Shunday qilib, 650 km, yoki Yeltsin B.N. Shaklni yozish tavsiya etiladi650 km va Yeltsin B.N.

Kengligi va bo'yoq parametrlaridan kodlarda foydalanish mumkin va . Ularning sintaksisi bu parametrlarning sintaksisiga tegish uchun o'xshash

. Ularning qiymati hujayraning kengligi yoki balandligini aniqlaydi, bu parametrlar qayd etilgan. Qiymatlar pikselda yoki butun stolning foiziga o'rnatilishi mumkin. Microsoft Internet Explorer-ning kengligini faqat pikselda o'rnatishga ruxsat beradi. Jadval satrlar va ustunlardan iborat bo'lgan ulangan tuzilma, har qanday hujayra uchun kenglik vazifasi butun ustunning kengligi, hujayra joylashgan va bo'yi vazifasi butun chiziqqa ta'sir qiladi. Agar kenglik qiymatida faqat bitta kamerada ko'rsatilgan bo'lsa, unda bu qiymat butun ustunning kengligi bo'ladi. Agar bir nechta ko'rsatkichlar bo'lsa, maksimal qiymat tanlangan. Xuddi shu xususiyatlar chiziqlarga xosdir.

Murakkab jadvallar uchun ehtiyoj gorizontal yoki vertikal ravishda bir nechta qo'shni hujayralarni birlashtirish orqali tavsiflanadi. Ushbu xususiyat COLSPAN (COLIMN SHARING) va Codys-ga o'rnatilgan Rown Sock (Satrni tepalash) yordamida amalga oshiriladi

Sozlamalar ushbu guruhning individual ustunlariga o'rnatiladi. Bir vaqtning o'zida yorliqda Agar kerak bo'lsa, qiymatlar ushbu guruhning barcha ustunlariga tarqatiladigan qiymatlar ko'rsatilishi mumkin. Yorliqda ko'rsatilgan parametrlarning qiymatlari , yorliqdagi qiymatlar . Yorliqda eslatma Ushbu misolda, avvalgisidan farqli o'laroq, hech qanday yarim parametr mavjud emas. Bu erda bu ma'nosiz, chunki guruhdagi elementlar soni quyidagi yorliq bilan belgilanadi Teglar . Shuning uchun, parametr yorlig'ining har qanday belgilangan qiymati Bekor qilinadi.

Shaklda. 4.17 Yuqoridagi kodni amalga oshirish natijasi, shuningdek, bunday jadvalni qayd yozuvi bilan ko'rsatilishi mumkinligi \u003d guruh yorlig'i

yoki

. Yozib olish shakli: ColSpan \u003d Num, bu erda raqamli uyali gorizontal holatda qancha ustunlar tarqalishi kerak bo'lgan raqamli qiymat. RaoSPan parametrining qo'llanilishi o'xshash, faqat bu erda vertikal hujayrani ushlaydigan iplar sonini belgilaydi. Odatiy bo'lib, ushbu parametrlarga teng qiymati belgilangan. Bir vaqtning o'zida bitta hujayra uchun parametrlarning qiymatlarini o'zgartirishga ruxsat berish. Ushbu parametrlarning qiymatlarini to'g'ri sozlash juda oddiy ish emas, ayniqsa ko'plab HTML muharrirlari faqat eng oddiy jadvallar bilan vizual ravishda qurilishi mumkin. Shaklda. 4.12 Quyidagi HTML-kod tomonidan olingan jadvalni namoyish etish misolida: Hujayra ikkita qatorni ushlaydi Hujayra, qo'shadi ikkita ustun 3-uy. 4-uy. 5-uy. 6-uy. 7-uy. Anjir. 4.12. Bir nechta qator yoki ustunlarni targ'ib qiluvchi hujayralar bilan stol Hujumli slip parametrlarining diqqatga sazovor vazifasi ularning o'zaro bir-biriga zid va nizolarga olib kelishi mumkin, natijada natijani oldindan aytib bo'lmaydi. Kengaytirilgan hujayralardan xarakterli foydalanish bir necha qo'shni ustun yoki chiziqlar uchun umumiy sarlavhadir. Biz HTML-kodning misolini (4.13-rasmda ko'rsatilgan), bunda kengaytirilgan hujayralar noto'g'ri. 1-uy. 2-uy. 3-uy. (Umumiy Ha uch chiziqlar) Yachika 4. 5-uy. 6-uy. 7-uy (ikkita ustunda odatiy) Anjir. 4.13.Kengaytirilgan hujayralarning noto'g'ri ta'rifining natijasi (matnni kiritish) BGColor parametrlari butun stol rangini, alohida chiziqlar yoki hujayralarni o'rnatadi. Teglar bilan uchrashishi mumkin , , Hech qanday ma'lumot mavjud emas yoki ma'lumotlar sifatida talqin qilinmaydigan bir yoki bir nechta bo'sh joy mavjud emas. Ko'rinmas ma'lumotlarni o'z ichiga olgan hujayralar tarkibida kod yoki qator tarjima kodi bo'lishi mumkin yoki ranglari hujayra fonining rangiga to'g'ri keladigan har qanday matn. Agar ma'lumotlarni o'z ichiga olgan hujayralar (ko'rinmas bo'lsa ham) barcha brauzerlar bir xil darajada ko'rsatiladi, keyin bo'sh hujayralar boshqacha ko'rsatiladi. Netscape brauzeri bo'sh hujayr emas, i.e. Ushbu katak mavjud bo'lgan joy, ma'lumotlar o'z ichiga olgan hujayralarning ranglaridan farqli o'laroq sahifaning rangini emas, balki sahifaning rang fondi. Bo'sh hujayralar atrofida ramka chizmang. Bo'sh hujayra bilan stolning misoli anjirda ko'rsatilgan. 4.15. Anjir. 4.15. Bo'sh joy hujayra turli xil brauzerlarda ko'rsatiladi Microsoft Internet Explorer va ushbu va boshqa kataklar hujayralar fonining rangi aks etadi. NCA mozaikasi kabi brauzer foydalanuvchiga tegishli variantlarni tanlash orqali bo'sh jadval kameralarini berish xususiyatini aniqlaydi. Bunday xususiyatlarni bilish sizga foydalanuvchi tanlagan brauzeridan qat'i nazar, tegishli tarzda ko'rsatilishi mumkin bo'lgan jadvallarni ishlab chiqishga imkon beradi. Ba'zi hollarda, bo'sh hujayralar o'rniga bu uchun yagona kodni o'z ichiga olgan hujayralarni yaratish kifoya. Jadval ustunlarida ma'lumotni tekislash Jadvalni yaratishda aniqroq muammo - bu alohida qatorlar yoki ustunlar uchun moslashtirish parametrlarini o'rnatish. Joriy chiziqning barcha hujayralarining tarkibini tekislash uchun Kodeksda kerakli parametrlarni o'rnatish kifoya . Biroq, bir ustunning barcha elementlari uchun bir xil moslashishni ta'minlash, chunki aksariyat hollarda ustunda bir hil ma'lumot mavjud. HTMLning oldingi versiyalarida u yorliqda o'rnatilgan Colspec (ustun spetsifikatsiyasi) parametridan foydalanish taklif qilindi va . Ushbu xususiyat HTML spetsifikatsiyasi tomonidan taqdim etilmaydi, ammo Netscape va Microsoft Internet Explorer qo'llab-quvvatlanadi. Yozib olish shakli yorliq uchun bir xil Ya'ni: bppolor \u003d RGB formatidagi rang tarkibi yoki uning nomi qiymat sifatida o'rnatiladi. Misol: yoki . Ichki jadvallar Jadvallarning alohida jadvallarida deyarli har qanday til yorliqlari va bo'limida ruxsat etilgan ma'lumotlar bo'lishi mumkin Hujjat. Shu jumladan, stol hujayralari ichida boshqa stol to'liq joylashtirilishi mumkin. Bunday jadvallar so'raladi. Ularning qurilish qoidalari jadvallar qurilishidan farq qilmaydi va alohida tavsifga muhtoj emas. Shuni ta'kidlaymizki, jadvallarni qo'llab-quvvatlaydigan barcha brauzerlar bir nechta uyalar bilan murakkab jadvallarni to'g'ri aks ettirmaydi, shuning uchun ular foydalanishlari ehtiyotkorlikni talab qiladi. Biz bitta nestering darajasidan foydalanadigan stolga misol keltiramiz. Leningrad viloyati shaharlari H - shahar aholisi (1992 yil) P - Sankt-Peterburgdan (km) masofa Shaharlar Sankt-Peterburgga bo'ysunadi Shahar H. P. Qoyil 13.6 50 Kalpino. 144.6 26 Kronstadt 45.2 48 Lomonosov 42.0 40 Asfaltlangan 25.4 30 Petetroarets 83.8 29 Pushkin 95.1 24 Sestoretsk 34.9 35 Barcha shaharlar quyida ma'muriyat Sankt-Peterburg, bor to'g'ri golski televizion raqamlar. Mintaqaviy bo'ysunish shaharlari Shahar H. P. Boksitorsk 21.6 Tekis \u003d o'ng\u003e 245 To'p 50.3 Tekis \u003d o'ng\u003e 122 Bas 32.9 24 Vyborg 80.9 130 Vizotsk 1.0 Tekis \u003d o'ng\u003e 159 Gachina 80.9 46 Ivannunos. 11.9 Allag \u003d o'ng\u003e 147 Kamenjorsk 5.9 157 Qirollik 51.5 Tekis \u003d o'ng\u003e 138 Kiri. 53.8 Tekis \u003d o'ng\u003e 115 Kirovsk 23.8 55 Lodeynoy maydon 27.3 Tekis \u003d o'ng\u003e 244 Lyga 41.8 139 (Jadvalni davom ettirish) Shahar H. P. Lyuban 4.7 85 Yangi Ladmoga 11.2 Tekis \u003d o'ng\u003e 141 Otradnoye 22. 9 Yashang \u003d o'ng\u003e 40 Pikalevo 25.1 Tekis \u003d o'ng\u003e 246 Po'stloq 23.1 285 Primorsk 6.7 137 Priionersk 20.5 Tekis \u003d o'ng\u003e 145 Svetogorsk 15.8 Allag \u003d o'ng\u003e 201 Slanets 42.6 Yashil \u003d o'ng\u003e 192 Pinka 57.6 81 Tiki 72.0 Yashil \u003d o'ng\u003e 200 Tosno 33.8 53 W qo'zisini 12.5 64 Anjir. 4.14.Ichki jadvallar misoli Ushbu misolning natijasi rasmda ko'rsatilgan. 4.14. Bir qarashda, misolda joylashuv jadvallari yo'q. Aslida, butun hujjatda ramkaga ega emas va sarlavhadan iborat bo'lgan jadval va besh hujayrani o'z ichiga olgan bitta satr. Bunday jadvalni tashkil etish yagona maqsadda - sahifadagi ma'lumotlarni joylashtirish. Birinchi katak ichidagi yana bir stol bor va uchta ustundan iborat yana bir stol bor, shundan keyin o'rtada matnni tekislashdi. Uchinchi va beshinchi hujayralarda alohida jadvallar mavjud. Ikkinchi va to'rtinchi hujayralar bo'sh, ularda hech qanday ma'lumot yo'q va uning kengligi kengligini aniqlaydigan yagona kenglik parameteriga ega. Ularning tayinlanishi - bu birinchi va uchinchi, shuningdek jadvallar joylashgan uchinchi va beshinchi hujayralar oralig'ida. Bu bunday ma'lumotning vazifasi uchun mumkin bo'lgan variantlardan biridir. Boshqa variant hujayralar orasidagi masofani belgilaydigan uyali nuqta parametridan foydalanishdir, ammo ushbu parametr bir vaqtning o'zida gorizontal va vertikal ravishda moslamani moslashtirmaydi. Bundan tashqari, ko'rilgan kenglik bilan bo'sh hujlakani ko'rish zonasi toraygan bo'lsa, uyali plastik parametr (shuningdek, uyalipling) tomonidan belgilangan bo'sh joydan farqli o'laroq. Ushbu misolni brauzerda yoki natijada keltirib chiqaradigan ushbu natijaga olib keladigan shriftning o'lchamini oshirishga ushbu misolda harakat qilib ko'ring. Jadval orasidagi masofa nolga kamaytiriladi, iloji boricha ko'proq ma'lumotlarni bir vaqtning o'zida ko'rishga imkon beradi, ammo keyingi o'zgarish stolning schriptelga olib kelmaydi va gorizontal aylantirish ehtimolini ta'minlaydi. Shunga o'xshash sxemada nafaqat stollar, balki rasmlar, matn bo'laklari va boshqalar bo'lgan ma'lumotlarni joylashtirishni tashkil qilishingiz mumkin. Qurilish stollarining xususiyatlari Ushbu bo'limda individual brauzerlarning ba'zi o'ziga xos imkoniyatlari, shuningdek, qurilish va jadvallarni namoyish etishning alohida nozik ma'nolari muhokama qilinadi. Jadvallarda bo'sh hujayralarni ko'rsatish Turli xil brauzerlar bo'yicha jadvallarning taqdimotining xususiyatlaridan biri bu bo'sh hujayralar namoyishidir. Til tavsifiga ko'ra, barcha brauzerlar bo'sh hujayralar bilan chiziqlarni, agar ularning raqamlari boshqa chiziqlarnikiga qaraganda kichikroq bo'lsa, bo'sh hujayralar bilan to'ldirishlari kerak. Bundan tashqari, stolning istalgan joyida ma'lumotlar bo'lmagan hujayralar bo'lishi mumkin. Ko'rinmas ma'lumotlarni o'z ichiga olgan bo'sh hujayralar va hujayralar o'rtasida farq bor. Bir juft teglar ichida bo'sh hujayralarda va va har bir jadval ustunining hizalanish va kengligini aniqladi. Masalan, kolspec \u003d "l40 R50" parametrlari uchun aniqlanadi: birinchi ustun - chapda, ikkinchisi - uchinchi markaz uchun, shuningdek, uchinchi markaz uchun har bir ustunning kengligi. HTML tili rivojlanganligi sababli, ushbu parametrdan foydalanishdan bosh tortildi va endi u til spetsifikatsiyasiga kiritilmaydi va ko'pchilik brauzerlar tomonidan qo'llab-quvvatlanmaydi. Natijada, Netscape Navigatorda bunday vazifani hal qilish uchun maxsus mablag'lar mavjud emas va ular zarur bo'lgan har bir hujayradagi tegishli qiymatlar yoki tegishli qiymatlar vazifasini bajaradi. Microsoft Internet Explorer maxsus teglarni taqdim etadi - va . Ushbu teglar tavsif uchun darhol qo'yilishi kerak. Yorliqning birinchi paydo bo'lishidan oldin . Teg parametrlari va U erda qo'shni karnaylar sonini aniqlaydigan, parametrlar va hizalamalar qo'llaniladigan qo'shma karnaylar sonini aniqlaydi, bu esa tegishli ustun (yoki ustunlar) ning barcha hujayralarida gorizontal ravishda mos keladi. Yashash parametrining ruxsat etilgan qiymatlari chap, o'ng va markaz. Span parametrlari uchun standart qiymati bitta. Yorliq Bundan tashqari, hujayralardagi vertikal ma'lumotlarning vertikal tekislashni belgilaydigan tokcha parametrini o'rnatishga imkon beradi. Vign parametrining qadriyatlari o'rta, yuqori va pastki. Teglar o'rtasidagi farq va Ulardan birinchisi, ustunlar uchun ma'lumotni tekislash parametrlarini sozlashdan tashqari, guruhga bir nechta ustunlarning shartli kombinatsiyasini amalga oshiradi. Bunday birlashmaning ta'siri quyida tavsiflangan qoidalar parametridan foydalanganda namoyon bo'ladi. Odatiy bo'lib, barcha ustunlar bitta guruh hisoblanadi. Yorliq Faqatgina guruhdagi alohida ustunlarda ma'lumotlarni birlashtirishni faqat foydalanish kerak. Keling, misol keltiraylik. 6 ta ustunni o'z ichiga olgan stol qurish kerak bo'lsa, birinchi uchtasida ma'lumotlar o'ng tomonda va quyidagi uchta - o'rtada. Ushbu vazifani hal qilish uchun HTML-kodning ushbu parchasi yozilishi kerak: (jadval uchun ma'lumotlar) Ushbu kodni namoyish etish natijasi rasmda keltirilgan. 4.16. Anjir. 4.16. Hujayralar guruhlarida ma'lumotlarni tekislash uchun turli parametrlar bilan jadval Yana bir misol. Oldingi jadvalda birinchi ikkita ustunni o'ng tomonga, uchinchi o'rinda, uchinchi qismga va uchta karnayni guruhga birlashtirish kerak. Keyingi uchta ustun, shuningdek, guruhga birlashtirilishi va birinchi guruhga o'xshash joylashish kerak. Ushbu vazifani hal qilish uchun HTML-kodning ushbu parchasi yozilishi kerak: (jadval uchun ma'lumotlar) Bu misoldan keyin

Guruhda birlashishning ma'nosi ko'rinadi.

Kengash

Yorliqning doirasidan beri

va Olti Microsoft Internet Explorer brauzeri tomonidan cheklangan, so'ngra ehtiyotkorlik bilan foydalanishingiz kerak. Ushbu teglardan foydalanishning qulayligi aniq, ammo amalda ko'p jadvallar zarur bo'lgan har bir jadvaldagi mos keladigan moslama parametridan foydalangan holda qurilgan, bu stolning dastlabki kodeksi hajmini sezilarli darajada oshiradi, ammo qobiliyatni ta'minlaydi har qanday brauzerda ko'rish uchun.




Anjir. 4.17. Guruhlangan ustunlar bilan jadval

Soliq ramkasi

Microsoft Internet Explorer uchun yana bir nechta parametrlar sizga jadvallarning rangi - chegaradosh, chegaradosh, chegaradosh nurlari va chegara kolordarkining stollarining rangini tanlashga imkon beradi. Ushbu parametrlar teglarga o'rnatilishi mumkin

, . Ushbu parametrlarning qiymati, rangning nomi yoki uning o'n oltilik qiymatidan foydalanish mumkin. Checaloggolor parametrlari jadval doirasidagi barcha elementlarning rangini belgilaydi, qolgan ikkita parametr individual tarkibiy qismlarning rangini belgilaydi, chegaralangan qiymatning rangini cheklab qo'yadi. Belgilangan rangdagi parametr belgilangan rangdagi chap va yuqori stolning chap va yuqori chetida, har bir hujayraning o'ng va pastki qirralari. Ikkinchi parametr chegaralaro'lligi qarama-qarshi qirralarning ranglarini o'rnatadi. Ushbu parametrlarning kombinatsiyasi tufayli stol sahifaning yuzasidan yoki chuqurroq ko'tariladi. Hammasi tanlangan rang kombinatsiyasiga bog'liq.

Eslatma

Netscape versiyasi 4.X brauzeri, shuningdek, chegaralar brauzerini ham qo'llab-quvvatlaydi.

Jadval uchun Vazifa fon naqshlari

Microsoft Internet Explorer brauzeri (shuningdek, Netscape versiyasi 4.X brauzer) butun HTML hujjati uchun amalga oshirilishi mumkin bo'lgan jadval uchun fon rejimini belgilaydigan fon parametridan foydalanishga imkon beradi. Ushbu parametr teglarga o'rnatilishi mumkin

,	va

, , w.

Microsoft Internet Explorer brauzeri sizga jadvallar va moslashuvchan boshqaruvni tuzish uchun bir qator yangi teglar va moslashuvchan boshqaruvni tuzish uchun bir qator yangi teglarni ishlatishga imkon beradi.

Teglar

, va Stol tavsifining tuzilishi qat'iy ravishda aniqlanib, stol sarlavhasi jadvallarini, jadvalning asosiy mazmuni va yakuniy satrni ta'kidlaydi. Ushbu teglar faqat teglar juftligidagi jadvallarning tavsifida paydo bo'lishi mumkin

va	. Teglar Tuzatish stoli

va.

Teglar va Stolning yuqori va pastki chiziqlarini tasvirlash uchun ishlatiladi. Ushbu teglar bir necha marta jadvalda paydo bo'lishi mumkin. Yakuniy yorliq ular uchun qoldirilishi mumkin. Bitta sahifadan tashqarida bo'lgan katta jadvallarni yaratish paytida yorliq ma'lumotlaridan foydalanish qulay.

Yorliq Stol tavsifida bir necha marta paydo bo'lishi va yakuniy yorliqdan foydalanish talab qilinadi. Ushbu tegda ma'lumotni, shuningdek yorliqni o'qiydi qo'shma ustunlarni guruhlash.

Yangi teglardan foydalanganda stol panellarini va chiziqlarini ko'proq moslashuvchan boshqarish mumkin.

Jadval atrofidagi rasm chizish ramkasini boshqarish ramkangiz yorliq parametrlari tomonidan amalga oshiriladi

Va stol panjarasi qoidalar parametridir. Masalan, spikerlar orasidagi vertikal chiziqlarni sarflash mumkin bo'ladi, uning atrofidagi ramkalarning o'rniga gorizontal chiziqlar stoldan va pastdan gorizontal chiziqlar beradi.

Frame parametri quyidagi qiymatlarni qabul qilishi mumkin:

• Quti yoki chegara. - ramka barcha to'rt tomondan chizilgan
• Yuqorida. - faqat yuqoridan
• Quyida. Faqat pastki qismdan
• Hsidlar. - pastki va yuqori tomonni torting
• Vsid - Chap va o'ng tomoni chizilgan
• Lhs. - faqat chap tomonda
• RHS Faqat o'ng tomonda
• Bo'shliq. - tashqi ramkasiz jadval

Qoidalar parametrlari stol panjaraning ichki liniyalarining rasmlarini boshqaradi va quyidagi qiymatlarni olishi mumkin:

• Hammasi. - Barcha ichki liniyalar chizilgan
• Guruhlar. - faqat guruhlarni ajratuvchi qatorlarni torting
• Qatorlar - chiziqlar, ajratish iplarini torting
• Kolumlar. - ustunlarni ajratadigan chiziqlarni tortadi
• Hech biri - Ichki chiziqlar chizilmagan

Misol:

.

Eslatma

Jadvalning stol liniyasini chizish, agar chegara yorlig'i parametr bo'lsa, faqat amalga oshiriladi

. Ushbu parametr bo'lmaganda yoki uning panjara chizig'ining nol qiymatida va ramka ramka va qoida parametrlarining har qanday qiymatlari uchun mavjud bo'lmaydi.

Biz tasvirlangan xususiyatlardan foydalangan holda jadval yaratadigan to'liq HTML kodini misol keltiramiz:

Moslashuvchan chiziqlar namunasi
mesh stol

Ustun sarlavhasi 1.	Ustun sarlavhasi 2.	Ustun sarlavhasi 3.
Ma'lumotlar	Ma'lumotlar	Ma'lumotlar
Ma'lumotlar	Ma'lumotlar	Ma'lumotlar
Ma'lumotlar	Ma'lumotlar	Ma'lumotlar
Ma'lumotlar	Ma'lumotlar	Ma'lumotlar
Ma'lumotlar	Ma'lumotlar	Ma'lumotlar
Ma'lumotlar	Ma'lumotlar	Ma'lumotlar
Natija	Natija	Natija




Anjir. 4.18.Moslashuvchan chizish chiziqlari Mesh stollari Microsoft Internet Explorer brauzerlari

Ushbu misolda brauzer rasmda ko'rsatilgan. 4.18, stol atrofida panjara chiziqlari va ramkalarini boshqarishning mumkin bo'lgan variantlaridan biri. 5 ta pikselning qalinligi stol atrofida (chegara \u003d s) faqat yuqori va pastki tomondan (freym \u003d hsidlar) dan olingan. Stol ichida ma'lumotlar guruhlarini ajratib turadigan panjara chiziqlar (qoidalar \u003d guruhlar). Ma'lumotlar guruhlari, birinchi navbatda, uchta tegning mavjudligi aniqlanadi , ularning har biri stolning alohida ustunini e'lon qiladi guruh. Ikkinchidan, teglar , va<тгоот> Shuningdek, stol ma'lumotlarini guruhlarga aylantiring, bu ichki gorizontal chiziqlar rasmini aniqlaydi.

Jadval ustunini belgilash

Microsoft Internet Explorer brauzeri (shuningdek, Netscape 4.X brauzer) yorliqni o'rnatishga ruxsat beradi

Kols parametri, stoldagi ustunlar sonini aniqlaydi. Ushbu parametrni yozib olish sizga brauzerda namoyish etganda jadvallarning tartibini tezlashtirishga imkon beradi, chunki jadvallar soni yuklanmaguncha ustunlar sonini aniqlash mumkin. Ayni paytda ushbu parametrning kiritilishi hujjat yuklanayotgan taraqqiyotiga ta'sir ko'rsatmaydi.

Jadvallarning vertikal tenglashtirilishi

Yorliqning oxirgi ko'rsatkichlari

Faqat Microsoft Internet Explorer inspektsiyasi, u matnga nisbatan jadvalning vertikal tekislashni belgilaydi. Uning harakati tasvirlar uchun bir xil parametrga o'xshash.

Eslatma

Shuni yodda tutingki, bir xil parametrdan foydalanish har bir teglar uchun belgilangan maqsadlarda ham, turli xil teglar uchun ham, til spetsifikatsiyasida ham sezilarli darajada farq qilishi mumkin. Shuning uchun ulardan foydalanish kontekstidan tashqarida turli xil parametrlar yordamida konsolidatsiya qilingan jadvalni tuzish mumkin emas. Masalan, faqat jadvallarda tekislangan parametr uch xil versiyada qo'llaniladi:

• yorliq uchun

Yashil parametr chap yoki to'g'ri qiymatlarni qabul qilishi mumkin va tegishli ravishda chapga yoki o'ng tomonga bosilgan stolning joylashgan joyini anglatadi;

yorliq uchun

,

Yashash parametrlari moment yoki pastki qiymatlarni oladi va stol usti yoki uning ostida stol sarlavhasini yaratishni anglatadi;

tegov uchun

va

Yashash parametrlari chap, o'ng yoki markaziy qiymatlarni va gorizontal jadvalning mos keladigan hujayralari (yoki hujayralari) tarkibini moslashtiradi. Tabulyatsiyaning alternativasi Stollarni qo'llab-quvvatlash veb-brauzerlarning keng tarqalganmi, shuning uchun uni oldini olish kerak bo'lmagan sabablar deyarli yo'q. Shunga qaramay, biz jadval o'rniga yoki ularga qo'shishingiz mumkin bo'lgan alternativ ma'lumotlar taqdim etishning mumkin bo'lgan usullarini ko'rib chiqamiz. Jadval kontseptsiyasidan foydalanmaydigan boshqa ba'zi usullar: Simulyatsiya qilingan matndan foydalanish. Ushbu usul an'anaviy ravishda HTML tilining oldingi versiyalarida qo'llanilganda, stol qo'llab-quvvatlash hali mavjud bo'lmaganida ishlatilgan. Uning ishlatilishi, bunday matnlar har qanday brauzerlar, shu jumladan sof matn bilan to'g'ri namoyish etiladi. Stolni o'z ichiga olgan rasmdan foydalanish. Stol har qanday matn muharriri tomonidan yaratilishi yoki hatto veb-brauzer tomonidan namoyish qilinadi va keyin grafik formatlardan birida rasm sifatida saqlanadi. Bu eng yaxshi variant emas, chunki stol displeyining dinamik sozlashning moslashuvchanligi yo'qoladi. Bundan tashqari, odatda, qoida tariqasida, qoida tariqasida, odatdagi HTML jadvalini tavsiflovchi matndan ancha katta bo'lgan rasmni saqlash kerak. Imkoniyatning har qanday tashqi omillar (shriftlar, brauzer foydalanish rejimlari va boshqalar) ning tashqi omillari (shriftlar va brauzerning rejimlari va boshqalar) tomonidan tegishli o'lchovlar jadvallari noto'g'ri. Jadvallar o'rniga ro'yxatlarni ishlatish. Jadvallarni tashkil qilish o'rniga, eng oddiy ishlar uchun HTML tilida mavjud bo'lgan ro'yxatlar turlaridan biri bilan bog'liq bo'lishi mumkin. Stol tayyorlash HTML jadvallarini tayyorlash uchun har qanday muharrirlardan foydalanish mumkin, ularning aksariyati vizual yaratish jadvallari mavjud. Keling, issiqxona muharririda dasturxonga misol keltiraylik. Jadvalni yaratish uchun, kiritish menyusidagi jadvallarni tanlash kifoya, shundan so'ng rasmda ko'rsatilgan dialog oynasi beriladi. 4.19. Jadvalni yaratish derazadagi mos keladigan maydonlarni to'ldirishda. Stoldagi qatorlar va ustunlar sonini aniqlaganingizdan so'ng, siz bir xil dialog oynasida ko'rsatiladigan individual hujayralarni to'ldirishga kirishingiz mumkin. Ko'rib chiqish jadvalini o'rnatgan brauzer yordamida olib keladigan jadvalni ko'rish imkonini beradigan tugmani bosing (4.20-rasm). Anjir. 4.19. Jadvallarni yaratish uchun dialog oynasi Anjir. 4.20. Ichki brauzer tomonidan ko'rsatilgan jadval Ma'lumotlar tayyorlash jadvalida tugagandan so'ng, OK ni bosing. Keyin jadvallashtirilgan jadval tavsifi kodi tahrirli HTML hujjatiga kiritiladi. Masalan, rasmda ko'rsatilgan. 4.19, Quyidagi kod yaratiladi: (kodning bir qismi o'chirilgan) 3allla stol CTLBE 1. 2-ustun. CTO 3. 4-ustun. 1 2 3 4 Xuddi shunday, bu vazifa Netscape Corcatorning Netscape bastori tarkibidan foydalanganda hal qilinadi. Shaklda. 4.21 Kerakli maydonlarni to'ldirish kerak bo'lgan dialog oynasini ko'rsatadi. Qo'shimcha teg parametrlarini kiritish uchun Qo'shimcha HTML tugmachasini taqdim etadi. Muloqot oynasi maydonlarini to'ldirgandan so'ng, Qo'llangichni bosing va keyin stol hujayralarini to'ldirish qobiliyati (4.22-rasm). Anjir. 4.21. Netscape bastakor stroser sozlamalarini o'rnatish uchun dialog oynasi Anjir. 4.22. Bo'sh stolda kirish kursorining boshlang'ich holati Tana stoli bor. Tana qator va ustunlardan iborat. Stolga to'ldirilgan. Har bir teg Yangi satrni yaratadi. Keyingi joylarda Ustunlar yaratiladi. Siz juda ko'p ustunlarni yaratishingiz mumkin. Bunday holda, siz har bir qatordagi ustunlar sonini kuzatishingiz kerak. Masalan, birinchi qatorda 5 ta ustun bo'lsa, unda quyidagi satrlarda 5 ta ustun bo'lishi kerak. Aks holda, stol yelkanlari. Hujayralarni birlashtirish mumkin. HTML-da stolni qanday qilish kerak Keling, misol keltiraylik, HTML-kod: Namunaviy stol 1-ustun. 2-ustun. Kameraga e'tibor bering . Biz gorizontal hujayralarni birlashtirish uchun biz ColSpan maxsus atributidan foydalanamiz. Uning raqamli qiymat birlashgan ustunlar sonini ko'rsatadi. Ushbu atributning analoglari ham mavjud: teg (Jadval sarlavhasi), bu erda siz kollepanni ro'yxatdan o'tkazishingiz kerak. Natija bir xil bo'ladi. Ammo ko'pincha odatdagi td-dan foydalaning. Endi barcha yorliqlar atributlarini batafsil ko'rib chiqing . Atributlar va teg xususiyatlari Ochilish yorlig'iga Siz turli atributlarni buyurishingiz mumkin. 1. Allage \u003d "Parametr" mulk - jadvalni tekislashni belgilaydi. Quyidagi qiymatlarni olishi mumkin: O'smirlikdagi bir misolda biz aldamizning markazidagi stolga tenglashtirilgan \u003d "markaz". Ushbu atribut nafaqat stolga, balki jadvalning individual jadvallariga ham qo'llanilishi mumkin. . Shunday qilib, turli xil hujayralarda tekislash boshqacha bo'ladi. masalan , , , yoki cols - liniya ustunlar orasida aks etadi hech biri - barcha chegaralar yashirin qatorlar - chegara yorliq orqali yaratilgan jadval qatorlari o'rtasida chizilgan 12. Kenglik \u003d "Raqam" mulk - jadvalning kengligini belgilaydi: yo piksel yoki foizda. 13. Sinf mulki \u003d "Sinf nomi" - siz jadvalning nomini jadvalga muvofiqligini ko'rsatishingiz mumkin. 14. Style Mulk \u003d "Sog'liqlar" - uslublar har bir jadval uchun individual ravishda o'rnatilishi mumkin. Endi stolga o'zingizni moylash va jadval hujayralarining sifatlarini ko'rib chiqish vaqti keldi. Ushbu atributlar kashfiyot yorlig'ida yozishlari kerak va Bir xil parametrlar uchun mavjud hammaga ierarxik ravishda qo'llaniladi yoki torlar ... ... ... 2. Mulk fonida \u003d "URL" - fon rasmini o'rnatadi. URL manzili o'rniga fon rasmining manzili yozilishi kerak. Misol Namunaviy stol 1-ustun. 2-ustun. Keyingi sahifaga aylantirilgan: Tekshirilgan misolda, bizning fon qiyofamiz IMG papkasida joylashgan (HTML sahifasi kabi birlashtirilgan) va rasm Fon.GIF deb ataladi. Shuni esda tutingki, biz sizga uslubda \u003d "rangi: oq;" . Fon deyarli qora rangga ega ekanligi sababli, matnni fon bilan birlashtirmasligi uchun biz matnni oqlashtirdik. 3. Mulk BGColor \u003d "Rang" - jadvalning rang fonini o'rnatadi. Rang sifatida siz butun palitrani tanlashingiz mumkin (kod va sarlavhalarga qarang HTML ranglariga qarang) 4. Chegara \u003d "Raqam" mulk - jadvalning qalinligini o'rnatadi. Oldingi misollarda biz chegaraga ishora qildik \u003d "1", bu freymning qalinligini anglatadi - 1 piksel. 5. ChegaraGolor \u003d "Rang" mulk - ramka rangini o'rnatadi. Agar chegara \u003d "0" bo'lsa, ramka ramkasining rangi mantiqiy bo'lmaydi. 6. HomePading Mult \u003d "Raqam" - maydondan pikselda katlanadigan joy. 7. Uyali telefon raqami \u003d "Raqam" - pikselda hujayralar orasidagi masofa. 8. Mulk Cols \u003d "Raqam" bu ustunlar sonidir. Agar buni aniqlasangiz, brauzerning o'zi ustunlar sonini aniqlaydi. Faqat farq shundaki, ushbu parametrning spetsifikatsiyasi jadvalni yuklab olish ehtimoli ko'proq. 9. Mulk ramk \u003d "parametr" - jadval atrofidagi chegaralarni qanday ko'rsatish mumkin. Quyidagi qiymatlarni olishi mumkin: bo'sh - chegaralarni jalb qilmang chegara - stol atrofida chegara yuqorida - stolning yuqori chetida chegara quyida - stolning pastki qismidan chegara hSELAR - faqat gorizontal chegaralarni qo'shing (stolning yuqori va pastki qismini) vsesid - faqat vertikal chegaralarni chizish (chap va o'ngdan stoldan) rHS - chegara faqat stolning o'ng tomonida lhs - chegara faqat stolning chap tomonida 10. Balandlik \u003d "Raqam" mulk - jadvalning balandligini belgilaydi: yo pikselda yoki foizda. 11. Mulk qoida \u003d "parametr" - bu erda hujayralar orasidagi chegaralarni ekish kerak. Quyidagi qiymatlarni olishi mumkin: hammasi - satr har bir hujayralar stol atrofida tortadi guruhlar - chiziq teglar bilan shakllangan guruhlar o'rtasida aks etadi. . Atributlar va xususiyatlar 1. Mulkni tekislang \u003d "parametr" - alohida jadvaldagi hujayraning uyg'unligini o'rnatadi. Quyidagi qiymatlarni olishi mumkin: chap - chap chetiga tekislash markaz - markaziy hizalanish o'ng tomonda o'ng qirrali tekislash 2. Orqa fon \u003d "URL" mulk - uyali fon rasmini o'rnatadi. URL manzili o'rniga fon rasmining manzili yozilishi kerak. 3. BGCOLOR \u003d "Rang" mulk - hujayra fonining rangini belgilaydi. 4. ChegaraGolor \u003d "Rang" mulk - hujayra ramkasining rangini o'rnatadi. 5. Char \u003d "Xat" mulki - siz oldindan tekislashingiz kerak bo'lgan xatni o'rnatadi. Yengil atribut qiymati char sifatida o'rnatilishi kerak. 6. Colspan \u003d "Raqam" mulk - gorizontal hujayralar sonini belgilaydi. 7. Balandlik \u003d "Raqam" mulk - jadvalning balandligini belgilaydi: yo piksel yoki foizda%. 8. Kenglik \u003d "Raqam" mulk - jadvalning kengligini belgilaydi: yo piksel yoki foiz holatida. 9. RooSPan \u003d "Raqam" mulk - Yunayted vertikal hujayralar sonini belgilaydi. 10. Mulk Vienn \u003d "parametr" - vertikal hujayraning tarkibini tekislang. yuqoridan - hujayraning yuqori chetidagi hujayraning tarkibini tekislang o'rta - o'rtadagi tekislash pastki qismida boshlang'ich - bazani tekislash 1-eslatma. Yorliq uchun . Bir yorliq uchun parametrlar uning ichida Stoldagi hujayralarning chegaralarni qanday qilib qo'yish kerak edi Chegara (hujayralar chegarasi) va hujayralar orasidagi nol ko'rsatkichlardan foydalangan holda, ular hali ham yarqiragan va u ikki tomonlama chegaradir. Buning oldini olish uchun siz uslublar jadvalida ro'yxatdan o'tishingiz kerak: yiqilib qulab: ... Hurmatli o'quvchi, endi siz HTML jadval yorlig'i haqida ko'proq bilib oldingiz. Endi men sizga keyingi darsga borishni maslahat beraman. Kolompan atributlaridan foydalanish, Rowspaning bir nechta qo'shni ustun hujayralarini yoki satrlarini bitta katta kameraga birlashtirishingiz mumkin. Colpan Tev atributi va . Teglar orasidagi matn , yorliqdan beri ushbu uslubni meros qilib olmaydi va teglar . Gorizontal matnli bir stol ustunga moslashishi uslubni belgilash orqali o'zgartirilishi mumkin matnni tekislang. Psudoklassa uchun tD: N - bola (n) u erda n ustun raqami. Biroq, agar atribut stol jadvallari qatorida bo'lsa, bu usul ishlamaydi kolspany.. Misol , Bir xil chiziq ichida bir nechta ustun hujayralarini birlashtirishga imkon beradi. RooSpan atributi - bir ustunning bir nechta satridan hujayralar. Ushbu atributlarda ko'rsatilgan raqam buzilgan hujayralar sonini bildiradi. Chunki Birlashtirish operatsiyalarini bajarishda chalkashib ketish juda oson, men qog'ozdagi jadvalning dastlabki eskizini qat'iy tavsiya qilaman. Misol: va Sudoku stolining misoli bo'yicha qatorlar va ustunlardan foydalanishingiz mumkinligini tushunishning eng oson usuli. Kol yorlig'i har bir ustun uchun parametrlarni alohida belgilaydi. Manba kodida qanday yozilishining muhim emas: yoki Misol HTML kod: 1111 22222 33333 44444 55555 66666 77777 88888 99999 Brauzerda displey: 1111 22222 33333 44444 55555 66666 77777 88888 99999 HTML sahifa jadvalining ko'rinishini yaxshilash Uyali uyali atribut sof kosmik chiziq hajmini tashqi tomondan ramkalashni o'rnatishga imkon beradi. Odatiy bo'lib, brauzer 2 pikselda guruhning stol hujayralarini baham ko'radi. HomePadding atributi o'z tarkibini tashqi chegaralardan ajratib turadigan toza kosmik guruhlarning hajmini belgilaydi. Odatiy bo'lib, ushbu qiymat 1 pikseldir. Qo'shni stol hujayralariga o'rnatilgan grafik tasvirlarni yasash uchun, u bitta to'liq ko'rinardi, siz uyali joylar atributlari, uyali joylar nol qiymatlarini o'rnatishingiz kerak. HTML sahifali jadval chegaralari Agar chegara yorlig'i atributining qiymati bo'lsa Bu noldan farq qiladi, brauzer stolni ramkaga yakunlaydi va jadvalning qo'shni satrlari va ustunlarini ajratib turadi. Ramka atributlaridan foydalanib, qoidalar jadvalning qaysi qismlarini ko'rsatilishi kerakligini aniqlaydi. Ramka atributi jadvalning tashqi ko'rinishini qisqartirish uchun ishlatiladi. Qoidalarning atributlari - ichki ajralish liniyalari to'plamini bildiradi. Quyida ushbu atributlarning ruxsat etilgan qiymatlari. Freym qiymatidagi qiymatdagi qiymat Yuqoridagi va o'ng tomonda joylashgan stol liniyasi ostidagi stol liniyasining yuqoridagi chiziqlar qatoridan yuqorida va o'ng tomonda joylashgan chiziqlar mavjud (standart) barcha chiziqlar mavjud emas Guruhlar va qatorlar orasidagi guruhlar qatorining guruhlari orasidagi qatorlar liniyalari orasidagi kolbinalar mavjud emas (barcha satr bo'yicha) Misol: HTML kod: 111 111 111 111 111 111 Brauzerda displey: 111 111 111 111 111 111 HTML sahifadagi hujayralarida Word Odatiy bo'lib, brauzer stol hujayrasida matnli so'zlarni avtomatik ravishda uzatishga majbur qiladi. Navbatdagi atribut shartli ravishda so'zlarni ko'chirish funktsiyasini stol ichida o'tkazib yuboradi va matnni bitta qatorga ko'rsatadi. Shuning uchun, bu atribut qisqa matnli jadval hujayralariga nisbatan qo'llanilishi kerak, chunki Aks holda, u brauzer oynasidan tashqarida bo'ladi. Aytish kerakki, bu atribut teglar bilan formatlangan uyali matnga ta'sir qilmaydi , . Html sahifa jadvallari Jadvallarni bir-birlariga biriktirish veb-sahifaning ko'rinishi juda keng tarqalgan qo'llaniladi. Birinchidan, asosiy jadvalni qurish, keyinchalik o'z hujayralarida filiallarni joylashtirish kerak. Stolni aniqlash, siz ularning tavsifiga sihat belgisini o'z ichiga olgan barcha yorliqlarni kiritishni unutmang, chunki Bunday iboralarning faqat bittasini o'tkazib yuborish sterni keskin buzadi. Bo'lmasligi kerak, balki suiiste'mol qilish kerak, chunki Bunday holda, brauzer sahifa yuki sezilarli darajada sekinlashdi. Investitsion stollarni formatlash umumiy qoidalarga muvofiq amalga oshiriladi, bu aslida sahifani jozibador qiladi. Misol: . Yopish yorlig'i majburiydir. Diqqat: Ushbu teglardan foydalanmasdan, stol mumkin emas. Endi nazariyani ishlatishga va amaliyotda stol yaratishga harakat qilaylik. Vazifa: Bir qatordan stol yarating, u erda uchta ustun bo'ladi. HTML kod: 111 111 01 01 01 01 111 111 111 Brauzerda displey: 111 111 01 01 01 01 111 111 111 09.11.2015 Hammaga salom! Biz HTML asoslarini o'rganishda davom etamiz. Ushbu darsda men misollarni aytib beraman va ko'rsataman, hTML-da stolni qanday qilish kerak. Shuningdek, jadvallardagi hujayralarning rangi qanday qilib sozlashingiz, jadvalni qanday sozlash va jadvalning chegarasini qanday qilib olib borishni bilib oling. HTML jadvallari ko'pincha HTML-da ba'zi ma'lumotlarni sanab o'tish uchun ishlatiladi. Ilgari, veb-sahifalar doirasini yaratish uchun jadvallar ishlatilgan: ... Ammo bu allaqachon o'tmishda, chunki bugungi kunda sayt uchun tizimlar yaratish uchun samaraliroq usullar mavjud. Men ko'pincha mening blogimda yoki saytda, masalan, dalada jadvaldan foydalanaman. O'ylaymanki, siz stol yaratishni o'rganishni o'rganishni tushundingiz. Qaysi asosiy teglar stoldan iboratmi? ○ yorliq Stol Bu stolni yaratish uchun asosiy identifikator, uning ichida boshqa jadval elementlari mavjud, masalan, ustunlar va qatorlar mavjud. Yopish yorlig'i majburiydir. ○ yorliq T.R. Ichki idish …… qator joylashtirilgan: Ustunlar yorliq yordamida yaratiladi series -1 / ustun 1 2-ustun. 3-ustun. Vazifa: Uch qator va uchta ustunning stolini yarating. series -1 / ustun 1 2-ustun. 3-ustun. series -2 / ustun 1 2-ustun. 3-ustun. pow -3 / ustun 1 2-ustun. 3-ustun. Hozirgacha siz hammasi aniqmi? Kim tushunmagan, qo'lingizni ko'taradi! Ha, hamma narsani tushundi, keyin yana boramiz. Endi stol uchun sifatlarni ko'rib chiqing. * Atributlar ○ HTMLda jadval chegaralari Yorliq uchun ko'rinadigan jadval qo'llanilgan xususiyat "chegara.» . Agar atribut qiymati bo'lsa « chegara.» "0", yorliqlar yorliqni ro'yxatdan o'tkazmaslikka yaroqsiz bo'lmaydi xususiyat Chegara , stoldagi chegara ham ko'rinmaydi. series -1 / ustun 1 2-ustun. 3-ustun. Natijada: Atributdagi qiymatni o'zgartirishga harakat qiling Chegara ustida "10" . ○ Qanday qilib hujayralarni stolda birlashtirish mumkin Stolda hujayralarni birlashtirish uchun atributlar "Colspan" va yorliqqa "Roidapan" < tD.> . kolspany - hujayralarni gorizontal ravishda birlashtirish; roidapan - vertikal hujayralar uyushmasi. Kalelar qancha birlashishi kerakligini ko'rsating. 1-sonli qator serial 2 bosqich 1 2-bosqich 2 bosqich Natijada: 1-sonli qator 1-qator 2 bosqich serial 2 bosqich 1 Natijada: Yanada murakkab misol: series -1 / ustun 1 2-ustun. 3-ustun. series -2 / ustun 1 2-ustun. 3-ustun. 4-ustun. Natijada: ○ Stol jadvallari orasidagi masofani qanday oshirish mumkin Matn va hujayraning chegarasi orasidagi masofani oshirish uchun atributni buyuradi "Halpelpading" Teg "Holbpading" atribut qiymatlarida deversiya masofasini ko'rsatadi 1-sonli qator 2-ustun. Natijada: Stoldagi hujayralar orasidagi masofani kattalashtirish uchun atributdan foydalaning "Uyali aloqa" Teg Atribut qiymatlarida "Uyali aloqa" Hujayralar orasidagi masofani belgilang 1-sonli qator 2-ustun. Natijada: ○ HTML jadvalda qanday qilib amalga oshiriladi HTML jadvalining kelib chiqishi tegga foydalanish va bunday atributlar: BGCOLOR - jadvalning orqa fon rangi yoki har bir hujayra alohida. Rang kodi yoki so'z bilan o'rnatiladi. Jadvaldagi orqa fonda naqsh bilan to'ldiriladi. series -1 / ustun 1 2-ustun. 3-ustun. series -2 / ustun 1 2-ustun. 3-ustun. 4-ustun. Natijada: ○ Rasmni HTML jadvalida qanday kiritish kerak HTML jadvalida rasmni yorliq orasiga kiritish Yorliq kiritish . 1-qator 1-rasm 2-uy. Natijada: Qiymatlar piksel (PX) yoki foizda (%) o'rnatiladi ○ Tarkibni HTML jadvalidagi moslashtiring HTML jadvalidagi tarkibni moslashtirish uchun teglardan foydalaning xususiyat "Allag" va "Vaftarcha" : Hujum. - gorizontal tarkib jadvalida mos keladi. Qiymatlar: chapda qoldi. - tarkibni chap tomonga bosing (standart); markaz – markazda o'rnating; to'g'ri - tarkibni o'ng qismga bosing Vaqt. - jadvaldagi tarkibni vertikal tekislash. Qiymatlar: tepasi. – tarkibni tepaga bosing; pastki – tarkibni pastki qismga bosing; o'rta – tarkibni o'rtada o'rnating matn sukut bo'yicha hujayra tarkibni o'ng qirrali tekislash uchun gorizontal ravishda, vertikal ravishda pastga bosing tarkibi gorizontal ravishda chap chetida, vertikal - yuqoriga bosing markazda gorizontal ravishda mos ravishda, o'rtada vertikal ravishda bosing Natijada: ○ HTML jadvalini markazda qanday moslashtirish Stolni markazdagi moslashtirish uchun siz jadval yorlig'ini olishingiz kerak : Jadval kodi series -1 / ustun 1 2-ustun. 3-ustun. Stolga qo'shimcha va asosiy teglar Veb-sayt uchun jadval 1-ism. 2-ism. 1 2 Natijada: Shunday qilib, jadvallar bilan yakunlandi. Endi siz har qanday murakkablik jadvalini yaratishingiz mumkin. Ushbu darsni himoya qiling. O'zingiz xohlagan jadval yaratishga harakat qiling. Keyingi darsda sizni kutmoqdaman. Mening blogimni yangilash uchun obuna bo'ling. Oldingi xabar Keyingi xabar Freymlar bilan jadval Ism Familiya Leysi ISAEAEA Dmitriy Kolesnikov Natijada: Freymsiz jadval Freymlar bilan jadval Attibillar Tagaov va Birlashtirish uchun hujayralar Misol parvarish vazn hajmi erkaklar 1.2 - 2,5 kg 70 sm gacha urg'ochi 0,7 - 1,0 kg 40 s gacha Natijada: parvarish vazn hajmi erkaklar 1.2 - 2,5 kg 70 sm gacha urg'ochi 0,7 - 1,0 kg 40 s gacha HTML5 standartiga ko'ra, ilgari ishlatilgan stol atributlari, masalan chegara., uyali plastiklar., uyali oshqozon. endi qo'llab-quvvatlanmaydi va ularning tekshiruvchidan foydalanish kodeksdagi xatolarni ko'rib chiqadi. Jadvallarni tayyorlash uchun siz barcha eskirgan jadval sifatlarini almashtirishingiz mumkin bo'lgan CSS-uslublardan foydalanishingiz kerak. Masalan, atribut o'rniga uyali plastiklar. Jadval hujayralari orasidagi masofani o'zgartirish uchun, mulk ishlatiladi. chegara oralig'i.va stol hujayralarida tarkibni tekislash matnni tekislang. va vertikal chiziq.. Jadvallar uchun CSS-uslublar Teglar guruhlash strlari HTML jadval Ko'proq murakkab jadvallarni yaratish uchun siz teglardan foydalanishingiz mumkin: Misol Pivo iste'moli TO'LIQ ISM. lidrov Jami 250 Ivanov Ivan Ivanovich 133 Petrov Petr Petrovich 117 Natijada: Teglar guruhi ustunlari HTML jadvallari Teg atributi sariq qizil Natijada: Uslubni o'rnatishga urinmang matnni tekislang. Tegov uchun ... avlod ham emas Ism Narx, ishqa.) Soliar (4 daqiqadan boshlab) bir daqiqali to'lov 15 50 daqiqa Solium (14 rubl / min, 1 oy) 700 100 daqiqa taomium (13 rubl / min, 2 oy) 1300 200 daqiqada sollayom (12 rubl / min, 3 oy) 2400 Natijada: Biroq, agar atribut stol jadvallari qatorida bo'lsa, bu usul ishlamaydi kolspany.. Savolingizga javob topmadingizmi? Bu erga qarang Global atributlar atributlari HTML5 JSONga JSON TXT faylida nima Oddiy iboralar (RejExp ob'ekti) Shaklni muntazam ravishda JavaScript-dagi iboralarni tekshiring