Htmlda Jadval Yaratish Ichida html jadvallari

HTMLda Jadval Yaratish

Ichida HTML jadvallari ular nafaqat odatiy usulda (hujayralar, satrlar va ustunlar bo'ylab taqsimlanadigan ma'lumotlar to'plami sifatida), balki sahifada ma'lumotlarni joylashtirish qulayligi uchun ham qo'llaniladi. Oddiy qilib aytganda, siz butun html sahifani jadval shaklida taqdim etishingiz mumkin va, masalan, menyuni chap ustuniga, o'rtadagi asosiy ma'lumotni va o'ng ustundagi qo'shimcha havolalarni qo'yishingiz mumkin. Ustunlar, qatorlar va shunga mos ravishda kataklar soni faqat siz tomonidan tanlanadi va har qanday bo'lishi mumkin.

Siz o'qiyotgan sahifadan u dastlab ushbu printsip asosida qurilgan: u bir necha qatorlarga bo'linadi va har bir qator ustunlarga bo'linadi (va har xil satrlarda turli xil miqdordagi ustunlar). Olingan ba'zi hujayralarda, o'z navbatida, ko'proq jadvallar joylashtirilgan (jadvallar jadvallarga kiritilgan). Siz buni faqat vizual tarzda ko'rishingiz mumkin.
Umuman olganda, HTML-dagi jadvallardan foydalanish sayt yaratishni ancha osonlashtiradi. Biroq, hamma narsani o'zingiz ko'rasiz! Shunday qilib, to'g'ridan-to'g'ri amaliyotga o'taylik.

§ 1. Jadval yaratish

Ama dan HTML-jadval va teglar, jadval satrlari (va teglar orasiga joylashtirilgan) va jadval ustunlari (va teglar orasida joylashtirilgan) va teglar yordamida tuzilgan.
Masalan, bitta satr va ikkita ustundan iborat jadval yarating. HTML quyidagicha bo'ladi:
Ammo odatda jadvalda qatorlar va ustunlar juda ko'p va bunday yozuv bilan siz doimo chalkashib ketasiz. Shuning uchun, dastlab, birinchi usuldan foydalanishni maslahat beraman.

2-§. Jadvallar (chegaralar)

Odatiy bo'lib, brauzerlardagi jadval ramkasiz ko'rinadi. Jadvalning ramkasini ko'rinadigan qilish uchun "oldingi qismlardan allaqachon tanish bo'lgan" atributi ishlatiladi:chegara»:
Va keyin brauzer quyidagilarni ko'rsatadi:

Birinchi hujayra

Ikkinchi katak

"Chegara" atributining boshlanishi faqat tashqi chegaraga ta'sir qiladi, hujayralar orasidagi chegaralarni o'zgartirish mumkin emas. Ular ko'rsatilishi yoki ko'rsatilmasligi mumkin. Masalan, agar siz "chegara" atributining qiymatini "1" dan "5" ga o'zgartirsangiz:

Birinchi hujayra

Ikkinchi katak

Siz "jadval yordamida chegara rangini o'zgartirishingiz mumkin"bordercolor". Masalan:

Keyin brauzerda biz quyidagilarni ko'ramiz:

Birinchi hujayra

Ikkinchi katak