Htmlda Jadval Yaratish Ichida html jadvallari

§ 3. Jadvaldagi belgilar

Belgini o'zgartirish uchun orasida jadvalning qo'shni hujayralari, HTML atributi "uyalar oralig'i". Keling, jadvalni ravshanlashtirish uchun murakkablashtiraylik: uchta ustunning ikkita qatorini yarating va "hujayra oralig'i" atributini qo'llang:
B yo'riqnoma quyidagilarni ko'rsatadi:

Birinchi hujayra	Ikkinchi katak	Uchinchi katak
To'rtinchi katak	Beshinchi hujayra	Oltinchi hujayra

Qabul qilish uchun ichida xujayralari "uyali aloqa". Agar biz HTML kodimizdagi birinchi qatorni o'zgartirsak:

Birinchi hujayra	Ikkinchi katak	Uchinchi katak
To'rtinchi katak	Beshinchi hujayra	Oltinchi hujayra

§ 4. Jadval hujayralari birligi

Gorizontal (ustunlar) yoki vertikal (satrlar) jadval kataklarini birlashtirish uchun HTMLda quyidagi atributlardan foydalaniladi:
kolspan - kataklarni gorizontal ravishda birlashtirish (ustunlar),

qatorlar - kataklarni vertikal ravishda birlashtirish (satrlar).
Masalan, bizning HTML kodimizni quyidagicha o'zgartiring:
Keyin brauzerda biz quyidagilarni ko'ramiz:

Birinchi va ikkinchi hujayralar		Uchinchi katak
To'rtinchi katak	Beshinchi hujayra	Oltinchi hujayra

Birinchi hujayra	Ikkinchi katak	Uchinchi va oltinchi hujayralar
To'rtinchi katak	Beshinchi hujayra

§ 5. Jadval nomi

Agar siz ma'lumotlarni tartibga solish uchun jadvaldan foydalansangiz (va sahifani tuzish uchun emas), siz sarlavhani ishlatishingiz kerak bo'lishi mumkin. Jadval nomi teg tomonidan o'rnatiladi. Masalan:
Brauzerda u quyidagicha ko'rinadi:
Jadval sarlavhasi

Birinchi hujayra	Ikkinchi katak	Uchinchi katak
To'rtinchi katak	Beshinchi hujayra	Oltinchi hujayra

Siz atributni "ga" qo'llashingiz mumkintekislang". Jadval bilan tekislash.

Align atributi quyidagi qiymatlarga ega:

• 
  chapga - sarlavhani stolning chap chetiga tekislaydi,
  
• 
  to'g'ri - sarlavhani stolning o'ng chetiga moslashtiradi,
  
• 
  markazi - sarlavhani jadvalning o'rtasiga moslashtiradi (asl qiymati),
  
• 
  tepasida - "markaz" bilan bir xil, faqat barcha brauzerlarda ishlaydi,
  
• 
  pastki - sarlavha joylashtirilgan stol ostida markazida.
  

Jadval sarlavhasi

Birinchi hujayra	Ikkinchi katak	Uchinchi katak
To'rtinchi katak	Beshinchi hujayra	Oltinchi hujayra

§ 6. Jadvalning o'lchamlari

Quyidagi atributlar yordamida jadval va kataklarning hajmini o'zgartirishingiz mumkin:

• 
  kengligi - jadval, ustun, katakning kengligi,
  
• 
  balandligi - stol, satr, katakning balandligi.
  

Va x qiymatlari piksel yoki foizlarda ko'rsatilgan. Masalan:

Bu quyidagicha bo'ladi:

Birinchi hujayra	Ikkinchi katak	Uchinchi katak
To'rtinchi katak	Beshinchi hujayra	Oltinchi hujayra

§ 7. Jadvalni tekislash

HTML-da, jadvalga sahifaga nisbatan gorizontal ravishda hizalanish siz allaqachon bilgan atribut yordamida amalga oshiriladi:tekislang". Uning ma'nolari sizga ham tanish:

• 
  markazi - stolni markazga tekislash,
  
• 
  chapga - jadvalni chapga tekislash,
  
• 
  to'g'ri - jadvalni o'ngga tekislash.
  

Odatiy bo'lib, hizalama chap tomonda amalga oshiriladi. Misol:

Birinchi hujayra	Ikkinchi katak	Uchinchi katak
To'rtinchi katak	Beshinchi hujayra	Oltinchi hujayra

Jadvaldagi matnni (va uning tarkibidagi boshqa qismlarni) hizalamoq uchun siz quyidagi "align" atributidan foydalanishingiz kerak har bir o'ziga xos hujayra! Chunki jadvalning barcha tarkibi joylashgan kataklarda joylashgan. Misol:

Birinchi katak (o‘ng tekislangan)	Ikkinchi katak (markazda)	Uchinchi katak
To'rtinchi katak	Beshinchi hujayra	Oltinchi katak (o'ng tekislangan)

Tarkibni vertikal tekislang hujayralar atribut "qadrlash", Quyidagi ma'nolarga ega:

• 
  asosiy - asos bo'yicha hizalamoq,
  
• 
  pastki - pastki chetiga tekislash,
  
  • 
    o'rtasi - o'rtada tekislash (standart qiymat),
    
  • 
    tepasida - yuqori chetiga tekislash.
    

Chegaralar va ramkalar

Odatiy bo'lib, jadvalda chegara yo'q. Siz uni tegning chegara atributidan foydalanib qo'shishingiz mumkin
. Biroq, ba'zida brauzerlar bu chegarani boshqacha ko'rsatadilar, shuning uchun bu jarayonni uslublar bilan ishlashga tayinlash yaxshiroq:

Fon va matn rangi

HTML jadvallari katakchasi, satr yoki alohida katakning fonini teglarga ko'rsatish uchun

Quyidagi variantlarni qo'llash mumkin:

• 
  fon - rasm fon sifatida ishlatiladi. Siz fayl nomini yoki unga yo'lni belgilashingiz mumkin,
  
• 
  bgcolor - fon o'ziga xos rang. Siz qiziqish soyasining nomini ham, o'n oltilik kodni ham belgilashingiz mumkin.
  
• 
  

HTML jadvalidagi matn rangini o'zgartirish uchun tegdan foydalanish kerak.

§ 8. Jadval fonida

HTMLda jadvalning yoki uning alohida kataklarining fon rangi “bgcolor". Tana yorlig'i atributlari haqida darsda HTML-da kerakli element rangini qanday tanlash haqida suhbatlashdik. Misol:

Brauzerda biz quyidagilarni ko'ramiz:

Va

Birinchi hujayra	Ikkinchi katak	Uchinchi katak
To'rtinchi katak	Beshinchi hujayra	Oltinchi hujayra

Siz rasmlardan jadvalning fonida yoki bitta katakda foydalanishingiz mumkin. HTMLda bu "fon". "Orqa fon" atributining qiymati tasvirning manzili (bu darsda biz grafikani qanday o'rganganimiz). Jadval uchun orqa fon rasmining namunasi:

Birinchi hujayra	Ikkinchi katak
Uchinchi katak	To'rtinchi katak

Bitta katak uchun fon rasmi quyidagicha o'rnatiladi:

Birinchi hujayra	Ikkinchi katak
Uchinchi katak	To'rtinchi katak

HTML belgisi

HTMLda jadvalga kirish yozuvi teg yordamida o'rnatiladi:

• 
  hujayra oralig'i - qo'shni hujayralar chegaralari orasidagi masofa,
  
• 
  cellpading - tarkib va ​​hujayraning chegarasi orasidagi masofa.
  

Ushbu kodning brauzerda vizual ko'rinishi quyidagicha:

HTML-jadval hizalanishi

HTML jadvalida gorizontal (tekislash) va vertikal (valign) hizalamalarni bajaradigan har bir alohida katak yoki satr uchun ikkita parametrni belgilashingiz mumkin.
Align parametri quyidagi qiymatlarga ega bo'lishi mumkin:

• 
  chap - chap chegarada tekislash,
  
• 
  o'ngda - o'ng chegarada
  
• 
  markazi - markaz hizalaması.
  

Qiyoslash parametri quyidagi qiymatlarga ega bo'lishi mumkin:

• 
  pastki - pastki chegaraga tekislash,
  
• 
  Yuqori chegaraga tekislash,
  
• 
  o'rtada - hizalama.
  

HTML jadvaliga rasmni joylashtiring

Veb-ustalarda ko'pincha rasmlarni HTML jadvaliga qanday qo'shish haqida savol tug'iladi. Buni amalga oshirish uchun tegdan keyin manzilni yoki rasm nomini tegishli katakda ro'yxatdan o'tkazish kerak
XHTML HTML belgisi - jadvalning ikkinchi qatorini oddiy, ammo sarlavha bo'lmagan kataklar bilan qo'shdi. Keyingi qatorlar va kataklar xuddi shu tarzda joylashtirildi. - stolni yopdi.

Foydali havolalar:

• 
  HTML asoslari - HTML asoslari bo'yicha bepul 2 soatlik video darslik,
  
• 
  Saytni joylashtirish bo'yicha bepul kurs - noldan blokli sxemaning namunasi,
  
• 
  Noldan saytni tuzish - bu to'laqonli pullik kurs.
  

§ 9. Xulosa

HTML-da, jadvallar, boshida aytganimdek, asosan sahifa tuzilishi uchun ishlatiladi. Bu ularning asosiy maqsadi. Jadvalning har bir katakchasiga siz istalgan boshqa ma'lumotlarni kiritishingiz mumkin: matn, rasm yoki boshqa jadval. Shuning uchun ular html sahifalarni belgilash va ularni alohida bloklarga bo'lish uchun juda qulaydir. Masalan, siz bunday "kompozitsiyani" yaratishingiz mumkin:

• 
  kenglik - kenglik
  
• 
  balandlik - balandlik
  
• 
  alt - tasvirni ko'rsatish funktsiyasi o'chirilgan paytda brauzerda ko'rsatiladigan muqobil matn,
  
• 
  sarlavha - rasmga sarlavha,
  
• 
  tekislash - gorizontal tekislash,
  
• 
  valign - vertikal hizalama.
  

Bundan tashqari, rasmni maxsus tegga o'rash, uni havola sifatida ishlatish mumkin.

HTML jadvalidagi kataklarni birlashtirish

Bitta ustun yoki qator ichidagi qo'shni kataklarni satr satri va tegning Colspan parametrlaridan foydalanib birlashtirish mumkin

Oh, mening yoshligim qani!