HTML haqida dars. hujayralarni birlashtirish

HTML jadvallar - juda qulay element. ular bilan siz hech narsa, albatta, mumkin. Albatta, asosiy maqsadi - bir jadvalda ma'lumotlarni joylashtirish. Lekin saytlar Dasturchilar yanada ketdi. Bir vaqtning o'zida u bir sayt asoslarini yaratish uchun jadval foydalanish juda mashhur edi. Endi mutaxassislar shunday emas harakat qilmoqda.

Stollar, chunki sifatlari ko'p, ularning keng ariza topdik. Misol uchun, bir juda foydali xususiyat satr yoki ustunlar birlashtirgan qaytdi.

Nazariyasiga Kirish

colspan va rowspan: HTML, hujayralari Ittifoqi ikki sifatlari orqali sodir bo'ladi. Ular td teg uchun ko'rsatilgan.

Biz mavzu puxta o'rganish oldin bizga birinchi, har bir stol tuzilishini tahlil qilaylik. Har jadvalda bor bir chiziq bo'lib, unda - Uyali. Dastlab, barcha jadvallar hujayralari bir xil miqdordagi o'z ichiga olishi kerak, deb unutmang.

ko'rsatilgan ikki qator yuqorida va uch hujayralari har bir raqam. Bu oddiy stol bo'ladi. Agar biron-bir qutidagi bo'lsa, stol "chiqib harakat" bo'ladi hujayralari bir kichik sonini kiriting, barcha to'g'ri aks etmaydi.

HTML-jadval: vertikal va gorizontal hujayralarni birlashtirish

Agar birlashtirish uchun, bir narsa bor bo'lsa, hujayralar yoki satrlari bir kichik soni ishlatilishi mumkin, faqat belgilash. Lekin buning o'rniga yuqori Yaqin qo'shni o'chiriladi element qo'shimcha atributini aniqlang kerak. Satrlari bo'lsa, keyin rowspan ustunlar, keyin colspan, birlashtirish bo'lsa. Xususiyati qiymatini birlashtirish bo'lgan unsurlar sonini ko'rsatadi.

Agar yuqori Yaqin element uni belgilash kerak, iltimos, unutmang. Agar hujayrani 1 va 2 birlashtirish bo'ldim Misol uchun, yuqorida rasmda, siz ikki qiymati bilan hujayra 1 colspan Özniteliğinde belgilash kerak. Va bir pozitsiya raqami 2 yoki 3 o'chirish, bu muhim emas.

pastki chiziq Agar u o'tadi qancha bo'sh joy hujayrani aytib, deb. Asl qiymati: 1.

Birlashtirish hujayralari vertikal HTML-jadval Shu tamoyiliga bo'lib o'tadi. Sodda band kosmik sifatida vertikal muhokama qilinadi. quyidagicha.

Bu yerda, qator 43 bilan hujayra ikki satrlari oladi. Buning uchun, siz xususiyati rowspan belgilash. Faqat esladi:

• Row - Qator.
• Polkovnik - ustun / ustun.
• Span - uyushmasi.

yaratuvchilarmi ham bilmagan holda, qandaydir tushunib, shunday qilib, inson uchun imkon qadar tilini olib harakat qildik.

vertikal va gorizontal: HTML, hujayralari Ittifoqi ikki yo'nalishda amalga oshirilishi mumkin. Buning uchun, biz ham atributini aniqlang.

Yuqoridagi raqam faqat va birlashmasi, albatta, mumkin, deb aytib: satr, ustun yoki satr va ustunlar, ham.

HTML: hujayralarni birlashtirish. misollar

AQSh katta jadvallar haqida qo'shimcha murakkab misollar kilometr toshni ko'rib chiqaylik. Chapdagi Quyida muntazam jadval original versiyasini o'rnating. A o'ng - ikkinchi qatordagi ikki hujayralari kombinatsiyasi bilan variant. Shunday qilib, aniq va oson HTML-kod solishtirish.

Bundan tashqari, hujayraning markazida uch birlashtirish mumkin. Birinchi holda colspan xususiyati hujayraning №1 belgilaydi. Bu erda, birinchi o'zgarishsiz bo'ladi, va ikkinchi uch teng, colspan qo'shiladi.

Agar bitta bir qatorda, barcha xujayralari birlashtirish bo'lsangiz, birinchi colspan = '5' ko'rsatadi, keyin to'rt td olib tashlang.

Ko'rib turganingizdek, aslida, har bir narsani oddiy. Hech narsa murakkab. Eng muhimi, diqqat bilan, birinchi marta kelgan jadvallar barcha makr tushunish, keyin hech qanday muammolar paydo bo'lmasligi kerak.

bir sayt doirasida sifatida jadval

HTML, hujayralari Ittifoqi har doim (Word yoki Excel) ma'lumotlar bilan muntazam jadvallar uchun ishlatiladigan emas. Veb-sayt Dizaynerlar tez-tez, lekin oldin anketalar saytlar tuzumining uchun ularni foydalangan.

Misol uchun, sayt tartibi ko'rib. Bu dizayn - juda oddiy va ibtidoiy. Lekin ochiq birlashmasi foydalanishni ko'rsatish mumkin.

ikki hujayralari har uch qator bir stol dastlab bor edi. So'ngra, sayt logo, birinchi qatordagi ikki hujayralari birlashgan qilingan joylashtirish. Xulosa "Erto'la" kutib olish uchun shu, albatta, bo'ladi.

joyiga mumkin tufayli dizayn elementlarini joylashtirish uchun, va hech narsa uning chegaralarini tark qilmaydi. Bu juda qulay va oddiy. Shuning uchun, u qadar mashhur bo'ldi. Endi, bu bir div tegi bloklari yaratish tavsiya etiladi.

xulosa

Va HTML-jadval hujayra birlashma, sen nima istasang, albatta, mumkin, deb eslayman. U barcha kerakli narsani bog'liq va qanday qilib uni tashkil qilish istayman. Muhimi, turmadi emas. Agar birlashmalari ko'plab katta jadval yaratish bo'lsangiz, u bir parcha qog'ozga yoki Bo'yoq uni barcha chizish tavsiya etiladi. Imposer boshlanuvchilar osonroq bo'ladi.

Qachon daromad tajribasi, bu operatsiyalar osongina boshini mumkin.