Mavzu: Web-sahifada jadvallarni aks ettirish. Reja: Jadvallar haqida umumiy ma'lumot

Jadvallarda balandlikni o’rnatish parametri yo’q, kenglikni esa width shart bo’lmagan parametr bilan o’rnatish mumkin. Jadvaldagi yacheykaning balandligi yacheykadagi ob'ektning o’lchamiga mos ravishda hisoblanadi. Jadval chegaralarining kengligini o’rnatish uchun border parametridan foydalanamiz. Bu parametrga manfiy bo’lmagan butun qiymat beriladi. Chunki u chegaradagi chiziqlarning kengligini (piksellarda) o’rnatadi. Agar biz bu parametrga “nol” qiymat o’rnatsak jadval chegaralari ko’rinmas holatga o’tadi. Bu esa bizga yacheykalarida Web sahifaning elementlari joylashgan ko’rinmas jadval tuzish imkoniyatini yaratadi. Yacheykalar o’rtasidagi masofani cellspacing parametri yordamida piksellarda o’rnatish mumkin. Xuddi shunga o’xshash cellpadding parametri yacheyka ichidagi ob'ekt bilan uning chegaralari orasidagi masofani piksellarda o’rnatadi. Shunday qilib cellspacing yacheykalar o’rtasidagi ochiq (bo’sh) masofa, cellpadding esa yacheyka ichidagi bo’sh qoldirilgan joy.

"Jadval tuzish - oddiy jadval" Jadval tuzish uchullarini o’rganishni, eng oddiy jadval yaratishdan boshlaymiz. Biz tuzmoqchi bo'lgan jadval uchta ustundan iborat bo'ladi va har bir ustunda 3 tadan yacheykalar o'rin oladi. Jadvalning birinchi ustunini "Mahsulot", ikkinchisini esa - "Rangi", uchunchisini- "Narhi" deb nomlaymiz. Biz tuzgan jadval mana bunday ko'rinishda bo'ladi: Endi ushbu jadvalni tuzishda qanday HTML teglardan foydalanilganligini ko'rib chiqamiz.

Mahsulot	Rangi	Narhi (co'm.)
Qalam	Qora	100
Qalam ochgich	Qora	500

Mahsulot	Rangi	Narhi (co'm.)
Qalam	Qora	100
Qalam ochgich	Qora	500