131
2.
tegi ma’nosi?
3.
tegi qachon va qayerda qo‘llaniladi?
4.
elementining atributlari?
5.
elementi
<br /><b>2.4.</b>
<br /><b> </b>
<br /><b>HTML TILIDA JADVAL VA RASMLAR HOSIL QILISH </b>
<br />Asosiy savollar:
<br />1.
<br />HTML-da jadvallarni aniqlash
<br /><b> </b>
<br />2.
<br />HTML-dagi muhim jadval parametrlari
<br /><b> </b>
<br />3.
<br />HTML tilida rasmlar hosil qilish.
<br /><b> </b>
<br /><b> </b>
<br /><b>Tayanch so‘zlar:</b>
<br />HTML-da jadvallar, <caption> tegi tushunchasi, HTML
<br />jadvalga chegara qo‘shish, HTML-dagi jadvalga fon rangini qo‘shish, HTML-da
<br />ichki jadvallarni yaratish, Html tilida rasmlar hosil qilish teglari, Src xususiyati.
<br />Jadval - bu ma’lumotlar qatorlari va ustunlari yoki ehtimol yanada murakkab
<br />tuzilishga joylashishi. Jadvallar aloqa, tadqiqot va ma’lumotlarni tahlil qilishda
<br />keng qo‘llaniladi.
<br />
<br />Jadvallar matnli ma’lumotlar va raqamli ma’lumotlarni taqdim etish kabi
<br />turli xil vazifalar uchun foydalidir.
<br />
<br />Jadvallar jadval shaklidagi ikki yoki undan ortiq elementlarni taqqoslash
<br />uchun ishlatilishi mumkin.
<br />
<br />Jadvallar ma’lumotlar bazalarini yaratish uchun ishlatiladi.
<br /><b><span id='HTML-da_jadvallarni_aniqlash'>HTML-da jadvallarni aniqlash </span></b>
<br />HTML jadvali "jadval" yorlig‘i bilan
<br />belgilanadi. Har bir jadval qatori "tr" yorlig‘i bilan belgilanadi. Jadval sarlavhasi
<br />"th" yorlig‘i bilan aniqlanadi. Odatiy bo‘lib, jadval sarlavhalari qalin va
<br />markazlashtirilgan. Jadval ma’lumotlari / katakchasi "td" yorlig‘i bilan
<br />belgilanadi.
<br /></div> <style type="text/css"> </style> <hr /><div id="page132-div" >
<br />132
<br />HTML jadvali ma’lumotlarni qatorlar va ustunlar bo‘yicha tartibga solish
<br />imkonini beradi. Ular odatda mahsulot ro‘yxati, mijozning tafsilotlari, moliyaviy
<br />hisobotlar va boshqalar kabi jadval ma’lumotlarni namoyish qilish uchun
<br />ishlatiladi.
<br /><table>Element yordamida jadval yaratishingiz mumkin. <table> Element
<br />ichida <tr> satrlarni yaratish uchun elementlardan foydalanishingiz mumkin va
<br />qator ichida ustunlar yaratish uchun <td> elementlardan foydalanishingiz mumkin.
<br /><th> Element yordamida katakchani jadval hujayralari guruhining sarlavhasi
<br />sifatida belgilashingiz mumkin.
<br />Quyidagi misol jadvalning eng asosiy tuzilishini namoyish etadi.
<br /><i>Misol </i>
<br /><
<br />table
<br />>
<br /><
<br />tr
<br />>
<br /><
<br />th
<br />>
<br />No.
<br /></
<br />th
<br />>
<br /><
<br />th
<br />>
<br />Name
<br /></
<br />th
<br />>
<br /><
<br />th
<br />>
<br />Age
<br /></
<br />th
<br />>
<br /></
<br />tr
<br />>
<br /><
<br />tr
<br />>
<br /><
<br />td
<br />>
<br />1
<br /></
<br />td
<br />>
<br /><
<br />td
<br />>
<br />Peter Parker
<br /></
<br />td
<br />>
<br /><
<br />td
<br />>
<br />16
<br /></
<br />td
<br />>
<br /></
<br />tr
<br />>
<br /><
<br />tr
<br />>
<br /><
<br />td
<br />>
<br />2
<br /></
<br />td
<br />>
<br /><
<br />td
<br />>
<br />Clark Kent
<br /></
<br />td
<br />>
<br /><
<br />td
<br />>
<br />34
<br /></
<br />td
<br />>
<br /></
<br />tr
<br />>
<br /></
<br />table
<br />>
<br />Jadvallarda sukut bo‘yicha chegaralar mavjud emas. borderJadvallarga
<br />chegaralar qo‘shish uchun CSS xususiyatidan foydalanishingiz mumkin. Bundan
<br /></div> <style type="text/css"> </style> <hr /><div id="page133-div" >
<br />133
<br />tashqari, jadval katakchalari sukut bo‘yicha tarkibga mos keladigan darajada katta.
<br />Jadval kataklaridagi tarkib atrofida ko‘proq joy qo‘shish uchun siz CSS padding
<br />xususiyatidan foydalanishingiz mumkin.
<br />Quyidagi uslub qoidalari jadvalga 1 pikselli chegarani va uning hujayralariga
<br />10 pikselli plomba qo‘shadi.
<br /><i>Misol </i>
<br />table, th, td
<br />{
<br />border
<br />:
<br />1px solid black
<br />;
<br />}
<br />th, td
<br />{
<br />padding
<br />:
<br />10px
<br />;
<br />}
<br />Odatiy bo‘lib, jadval atrofidagi chegaralar va ularning katakchalari bir-biridan
<br />ajratilgan. Ammo elementdagi border-collapsexususiyatdan foydalanib, ularni bitta
<br />qismga ajratishingiz mumkin <table>.
<br />Shuningdek, <th>elementlar ichidagi matn qalin shrift bilan ko‘rsatilib, sukut
<br />bo‘yicha katakchaning gorizontal markaziga to‘g‘ri keladi. Standart tekislashni
<br />o‘zgartirish uchun siz CSS text-alignxususiyatidan foydalanishingiz mumkin.
<br />Quyidagi uslub qoidalari jadval chegaralarini qisqartiradi va jadval sarlavhasi
<br />matnini chapga tekislaydi.
<br /><i>Misol </i>
<br />table
<br />{
<br />border-collapse
<br />:
<br />collapse
<br />;
<br />}
<br />th
<br />{
<br />text-align
<br />:
<br />left
<br />;
<br />}
<br />HTML jadvallarini shakllantirish haqida batafsil ma’lumot olish uchun
<br />CSS
<br />jadvallari
<br /> bo‘yicha qo‘llanmani ko‘rib chiqing.
<br /></div> <style type="text/css"> </style> <hr /><div id="page134-div" >
<br />134
<br /></th></table></th></td></tr></table></table></caption>Do'stlaringiz bilan baham: 
