logo
  1. Bosh sahifa
  2. Referatlar
  3. Informatika va AT
  4. Jadval tushunchasi jadval teglari jadvalning tuzilishi sahifa strukturasida jadvaldan foydalanish

Jadval tushunchasi jadval teglari jadvalning tuzilishi sahifa strukturasida jadvaldan foydalanish

Yuklangan vaqt:

20.09.2019

Ko'chirishlar soni:

0

Hajmi:

45 KB
Ko'chirib olish
Jadval tushunchasi jadval teglari jadvalning tuzilishi sahifa strukturasida jadvaldan foydalanish R е ja: 1. Jadval haqida tushunchalar. 2. Jadval teglari va uning atributlari. 3. Jadvalning tuzilishi. Sahifa strukturasida jadvaldan foydalanish. Jadvallar, saytni tartibli bo‘lishini ta&#39;minlab beradi, shuning uchun ko‘p saytlarning asosini aynan jadvallar tashkil qiladi. Maqola to‘liq jadvallarga oid teglarga bag‘ishlanadi. Jadval yaratishda biz ko‘rib o‘tadigan teglarning hammasini ishlatish shart emas, bu faqatgina to‘liq teglar ro‘yxati. Ba&#39;zi teglarni ishlatmasdan, ular bajaradigan ishlarni boshqa teglarning attributlarida ham qilsa bo‘ladi. Jadvallar yaratishda asosan &#34;table&#34;, &#34;tr&#34;, &#34;td&#34; teglaridan foydalaniladi, lekin quyida bulardan boshqa teglar ham ko‘rsatilgan, bular qonun-qoidali qilib jadval yaratuvchilar uchun kerak bo‘ladi. <table>...</table> - jadval yaratuvchi teg. Bu teg orqali, jadval yaratilishi boshlanadi, keyin keladigan barcha teglar aynan shu tegni ichida bo‘lishi lozim, bu teg quyidagi attributlarga ega. align- jadval joylashuvini o‘rnatish, quyidagi qiymatlari mavjud: *left- jadvalni chap tomonga tekislash; *center - jadvalni markazga tekislash; *right- jadvalni o‘ng tomonga tekislash. background - jadval foniga qo‘yiladigan rasmni ko‘rsatish, rasm adresini berish lozim, <table background=&#34;rasm.png&#34;>...</table> bgcolor- jadval foniga biror rang berish. <table bgcolor=&#34;black&#34;>...</table> border - jadval ramkasi qalinligini belgilash, pikselda qiymat beriladi, <table border=&#34;3&#34;>...</table> bordercolor- jadval ramkasini rangini berish. cellpadding- jadval chegarasidan yozuvgacha bo‘lgan masofani o‘rnatish, agar o‘rnatilmasa, yozuv jadval chegarasiga yopishib yoziladi. cellspacing- agar jadvalning ramka qalinligi o‘rnatilgan bo‘lsa(border), jadval yacheykasi bilan tashqi chegara orasidagi masofani o‘rnatadi. cols- jadval ustunlarini sonini o‘rnatish(butun son kiritiladi). height- jadval balandligini o‘rnatish. summary- jadval haqida umumiy ma&#39;lumot yozish uchun attribut, oddiy yozuvlardan iborat bo‘lishi mumkin, bu attribut brauzerga hech qanday ma&#39;lumot chiqarmaydi. width- jadvalning umumiy uzunligini o‘rnatish, piksel yoki foizlarda aks ettirilishi kerak. <table width=&#34;80%&#34;>...</table> rules- jadval chegarasini chizig‘ini qanday chizish kerakligini qoida sifatida e&#39;lon qilish, bu attribut quyidagi qiymatlarni qabul qiladi: *all- jadvalning har bir yacheyka chegarasini chizib chiqadi(agar border &#34;0&#34; ga teng bo‘lmasa, bu qiymat odatiy qiymat hisoblanadi); *groups- faqat guruhli(thead, tbody, tfoot, col, colgroup teglari orqali hosil qilingan guruh) yacheykalarni chenarasini chizish; *cols- ustunlar orasiga chegara chiziqlarini chizish; *none- hech qanday chegara chiziqlari chizmaslik uchun(border=0 bo‘lsa, bu qiymat odatiy qiymat hisoblanadi); *rows- qatorlar orasiga chegara chiziqoarini chizadi. <thead>...</thead>- jadvalning yuqori qatorlaridan bir yoki bir nechtasini saqlash uchun ishlatiladi, ya&#39;ni yuqori qatorlarni guruhlash uchun. Bu tegdan asosan CSS stillarini ishlatganda, birdaniga jadvalning yuqori qatorlariga stil berishda ishlatiladi. Uning attributlari quyidagilar bo‘lib, bu attributlar faqat shu teg orqali guruhlangan qatorlarga tegishli bo‘ladi. align- teg ichidagi qatorlarni tekislash, qiymatlari:left, right, center . bgcolor- teg ichidagi qatorlarning foniga rang berish. valign- vertikal bo‘yicha tekislash. <caption>...</caption>- yaratilgan jadvalga nom berish. Uning attributlari: align- berilgan nomni tekislash, qiymatlari: left, right, top, bottom. valign- berilgan nomni jadvaldan oldin(top) yoki keyin(bottom) joylashtirish. <colgroup>...</colgroup>, <col>...</col>- bir yoki bir necha ustunlarni guruhlash uchun ishlatiladi. Bu orqali ustunlardagi takroriy kodlar qisqartiriladi. &#34; colgroup&#34; ichida bir yoki bir nechta &#34;col&#34; tegi bo‘lishi mumkin, ya&#39;ni &#34;col&#34;ham guruhlanadi. Ularning attributlari bir hil va ular quyidagilardan iborat: align- guruhlangan ustunlarni tekislash, qiymatlari: left, right, center, justify. span- nechta ustunni guruh ichiga olish kerakligini o‘rnatish(odatiy qiymat 1). valign- vertikal tekislash, qiymatlari: *baseline- asosiy chiziqga tekislash, bitta chiziqga tekislanadi; *bottom- pastki qismiga tekislash; *middle- o‘rtaga tekislash(odatiy hol); *top- yuqori burchakka tekislash. width- guruhlangan ustunlarning uzunligi, piksel yoki foizda beriladi. <tr>...</tr>- jadval qatorini yaratish. Har bir qator shu teg orqali yaratiladi. Uning attributlari: align- qator ichidagi yozuvlarni tekislash, qiymatlari: left, right, center, justify. bgcolor- qator fonini o‘rnatish. bordercolor- qator ramkasi rangini o‘rnatish. valign- qatordagi yozuvni vertikal tekislash, qiymatlari: top, middle, bottom, baseline. <th>...</th>- jadvalning eng yuqori yacheykalarini, ya&#39;ni ustunga tegishli zagolovkalarni yaratish(Ismi, familiyasi, raqami). Attributlari quyidagilar: abbr- yacheyka nomini tasvirlab yozuv yozish, brauzerga ko‘rinmaydi, dasturchi uchun foydaoi bo‘ladi(kommentariya). align- yacheykadagi yozuvlarni gorizontal bo‘yicha tekislash, qiymatlari: left, rifght, center, justify. background- yacheykaga fon sifatida rasm qo‘yish. bgcolor - fon sifatida ranglardan foydalanish. bordercolor - yacheyka ramkasiga rang berish. colspan - gorizontal bo‘yicha yacheykalarni birlashtrish, nechta yacheyka birlashtirish kerakligi raqamlarda yoziladi. height - yacheyka balandligi(piksel yoki foizlarda). nowrap - yacheyka ichidagi yozuvlarni keyingi qatorga o‘tkazmasdan, bir qatorda yozish. rowspan - vertikal bo‘ylab, yacheykalarni birlashtirish, nechta yacheyka birlashtirish kerakligi beriladi. <table> <tr> <th rowspan=&#34;2&#34; bgcolor=&#34;#FBF0DB&#34;>yacheyka 1</th> <td>yacheyka 2</td> </tr> <tr> <td>yacheyka 3</td> </tr> </table> valign - yacheykadagi yazuvlarni vertikal tekislash, qiymatlari: top, middle, bottom, baseline. width - yacheyka uzunligini o‘rnatish(piksel yoki foizlarda). <tbody>...</tbody>- jadvaldagi asosiy ma&#39;lumotlar joylashgan(o‘rtadagi) qatorlarni guruhlash uchun ishlatiladi, asosan CSS da stillar berishda qulaydir. Attributlari &#34;thead&#34; bilan bir xil. <td>...</td>- jadvalda bitta yacheyka hosil qilish uchun ishlatiladi. Bu teg &#34;tr&#34; tegini ichida joylashishi lozim(misolga qarang), shunda yacheyka hosil bo‘ladi. Bu tegning attributlari &#34;th&#34; tegi attributlari bilan bir xil. <tfoot>...</tfoot>- jadval quyi qismidagi bir yoki bir necha qatorlarni guruhlash uchun ishlatiladi. Bu ham CSSni ilatganda qulay hisoblanadi. Attributlari &#34;th&#34; tegi attributlari bilan bir xil. <thead>, <tbody>, <tfoot> teglari stillar bilan ishlaganda qulay bo‘lib, maqsadli ishlatilsa foydalidir. Bularni ishlatmasdan ham maqsadga erishish mumkin, bularni quyidagi ko‘rinishda ishlatish foydali (jadvallarni boshqarish qulay): <table> <thead> ...................... </thead> <tbody> ...................... ...................... ...................... </tbody> <tfoot> ...................... </tfoot> </table> Adabiyotlar: 1. Кarimov I.A. “Yuksak ma’naviyat – yengilmas kuch” Tosh kent ma’naviyat 2008 2. Abduqodirov A. va boshqalar. Informatika va hisoblash texnikasi asoslari – Т .: O`qituvchi, 1996 y. 3. Hoshimov O. Kompyuterli va raqamli texnologiyalar. - Т .: Yangi asr avlodi, 2009 y. 4. Usmonov R.N. Кompyuter tizimlariga texnik xizmat ko’rsatish” “Ilm ziyo” 2012. 5. Sh.A. Nazarov “Кompyuter va ofis qurilmalar” ,2007 y. 6. http://www.borlpasc.narod.ru/ . 7. http://www.intuit.ru

O'xshashlar

Jadval yaratish asoslari. Jadvalning qo’shimcha elеmеntlari
CSS3 dan foydalanish kaskadli jadval stillari tushunchasi kaskadli jadval tushunchasi va imkoniyatlari shrift xususiyati
Web sahifa tushunchasi va strukturasi
Jadvallar
HTML gipеrmatnli tili yordamida Web-sahifa yaratish