O‘zbekiston respublikasi oliy va o‘rta maxsus ta’lim vazirligi guliston davlat universiteti yuldashev Ulmasbek Abdubanapovich

bet	16/47
Sana	17.10.2023
Hajmi	4.4 Mb.
	#1706295
Turi	Учебное пособие

1 ... 12 13 14 15 16 17 18 19 ... 47

Bog'liq
Web dizayn

29
HTML-da jadvallarni yaratish. HTML jadvali “jadval” yorlig‘i bilan
belgilanadi. Har bir jadval qatori "tr" yorlig‘i bilan belgilanadi. Jadval sarlavhasi
"th" yorlig‘i bilan aniqlanadi. Odatiy bo‘lib, jadval sarlavhalari qalin va
markazlashtirilgan. Jadval ma’lumotlari/ katakchasi "td" yorlig‘i bilan belgilanadi.
HTML jadvali ma’lumotlarni qatorlar va ustunlar bo‘yicha tartibga solish
imkonini beradi. Ular odatda mahsulot ro‘yxati, mijozning tafsilotlari, moliyaviy
hisobotlar va boshqalar kabi jadval ma’lumotlarni namoyish qilish uchun ishlatiladi.
Element yordamida jadval yaratishingiz mumkin.

Element
ichida satrlarni yaratish uchun elementlardan foydalanishingiz mumkin va
qator ichida ustunlar yaratish uchun

elementlardan foydalanishingiz mumkin.

Element yordamida katakchani jadval yacheykalari guruhining sarlavhasi
sifatida belgilashingiz mumkin.
Quyidagi misol jadvalning eng asosiy tuzilishini namoyish etadi.
Misol
<
table
>
<
tr
>
<
th
>
No.
th
>
<
th
>
Name
th
>
<
th
>
Yoshi
th
>
tr
>
<
tr
>
<
td
>
1
td
>
<
td
>
Peter Parker
td
>
<
td
>
16
td
>
tr
>
<
tr
>
<
td
>
2
td
>
<
td
>
Clark Kent
td
>
<
td
>
34
td
>
tr
>

30
table
>
Jadvallarda sukut bo‘yicha chegaralar mavjud emas. Border jadvallarga
chegaralar qo‘shish uchun CSS xususiyatidan foydalanishingiz mumkin. Bundan
tashqari, jadval katakchalari bo‘yicha tarkibga mos keladigan darajada katta. Jadval
kataklaridagi tarkib atrofida ko‘proq joy qo‘shish uchun siz CSS padding
xususiyatidan foydalanishingiz mumkin.
Quyidagi uslub qoidalari jadvalga 1 pikselli chegarani va uning nuqtalariga 10
pikselli tugun qo‘shadi.
Misol
table, th, td
{
border
:
1px solid black
;
}
th, td
{
padding
:
10px
;
}
Odatiy bo‘lib, jadval atrofidagi chegaralar va ularning katakchalari bir-biridan
ajratilgan. Ammo elementdagi border-collapsexususiyatdan foydalanib, ularni bitta
qismga ajratishingiz mumkin .
Shuningdek,

elementlar ichidagi matn qalin shrift bilan ko‘rsatilib, sukut
bo‘yicha katakchaning gorizontal markaziga to‘g‘ri keladi. Standart tekislashni
o‘zgartirish uchun siz CSS text-alignxususiyatidan foydalanishingiz mumkin.
Quyidagi uslub qoidalari jadval chegaralarini qisqartiradi va jadval sarlavhasi
matnini chapga tekislaydi.
Misol
table
{
border-collapse
:
collapse
;
}
th
{
text-align
:
left
;
}

31
HTML jadvallarini shakllantirish haqida batafsil ma’lumot olish uchun CSS
jadvallari bo‘yicha qo‘llanmani ko‘rib chiqing.

Download 4.4 Mb.

Do'stlaringiz bilan baham:

1 ... 12 13 14 15 16 17 18 19 ... 47