Web-sahifaga jadval joylashtirish

Yuklangan vaqt

2024-03-06

Yuklab olishlar soni

2

Sahifalar soni

14

Faytl hajmi

246,0 KB


“Web-sahifaga jadval joylashtirish” “Web-sahifaga jadval joylashtirish” Mavzu: Web-sahifaga jadval joylashtirish Mavzu: Web-sahifaga jadval joylashtirish O’tilgan mavzuni takrorlash 1. MS Wordda qanday ro’yxat turlari bor? 2. Web-sahifada necha xil ro’yhat ishlatish mumkin? Misollar keltiring. 3. Tartib raqamli ro’yhat qanday tashkil qilinadi? Misollar keltiring. 4. Markerli ro’yhat qanday tashkil qilinadi? Misollar keltiring. 5. Grafik tasvirli ro’yxatni tashkil etish jarayonini izohlab bering. O’tilgan mavzuni takrorlash 1. MS Wordda qanday ro’yxat turlari bor? 2. Web-sahifada necha xil ro’yhat ishlatish mumkin? Misollar keltiring. 3. Tartib raqamli ro’yhat qanday tashkil qilinadi? Misollar keltiring. 4. Markerli ro’yhat qanday tashkil qilinadi? Misollar keltiring. 5. Grafik tasvirli ro’yxatni tashkil etish jarayonini izohlab bering. Web-sahifaga jadval kiritish uchun <TABLE> (table - jadval), <TR> (table row – jadval satri), <TH> (table header – jadvaldagi sarlavha) va <TD> (table data – jadval ma’lumotlari) juft teglari qo’llaniladi. Web-sahifaga jadval kiritish uchun <TABLE> (table - jadval), <TR> (table row – jadval satri), <TH> (table header – jadvaldagi sarlavha) va <TD> (table data – jadval ma’lumotlari) juft teglari qo’llaniladi. Agar web-sahifada jadvalning chegara chiziqlari ham aks etishi lozim bo’lsa, u holda BORDER parametri qo’llaniladi. Oy nomi Fasl Oy tartibi Yanvar Qishning 2-oyi Yilning birinchi oyi Dekabr Qishning 1-oyi Yilning oxirgi oyi Agar web-sahifada jadvalning chegara chiziqlari ham aks etishi lozim bo’lsa, u holda BORDER parametri qo’llaniladi. Oy nomi Fasl Oy tartibi Yanvar Qishning 2-oyi Yilning birinchi oyi Dekabr Qishning 1-oyi Yilning oxirgi oyi Yuqoridagi jadvalni ifodalovchi HTML-hujjat lavhasi quyidagicha yoziladi: <TABLE> <TABLE BORDER> <TR> <TH> Oy nomi </TH><TH> Fasl </TH><TH> Oy tartibi </TH></TR> <TR> <TD>Yanvar</TD><TD>Qishning 2-oyi</TD><TD> Yilning birinchi oyi</TD> </TR> <TR> <TD>Dekabr</TD><TD>Qishning 1-oyi</TD><TD> Yilning oxirgi oyi</TD> </TR> </TABLE> Yuqoridagi jadvalni ifodalovchi HTML-hujjat lavhasi quyidagicha yoziladi: <TABLE> <TABLE BORDER> <TR> <TH> Oy nomi </TH><TH> Fasl </TH><TH> Oy tartibi </TH></TR> <TR> <TD>Yanvar</TD><TD>Qishning 2-oyi</TD><TD> Yilning birinchi oyi</TD> </TR> <TR> <TD>Dekabr</TD><TD>Qishning 1-oyi</TD><TD> Yilning oxirgi oyi</TD> </TR> </TABLE> Jadvalning chegara chiziqlarisiz va chegara chiziqlari bilan aks ettiruvchi HTML-hujjat va unga mos web-sahifada jadvalning joylashishini quyidagi misolda ko’rish mumkin: Jadvalning chegara chiziqlarisiz va chegara chiziqlari bilan aks ettiruvchi HTML-hujjat va unga mos web-sahifada jadvalning joylashishini quyidagi misolda ko’rish mumkin: ALIGN VALIGN Izoh TOP yozilmaydi Sarlavha jadvaldan tepasida jadvalning o’rtasiga mos tekislanadi BOTTOM yozilmaydi Sarlavha jadvaldan tagida jadvalning o’rtasiga mos tekislanadi LEFT TOP Sarlavha jadval tepasida jadvalning chap chegarasiga mos tekislanadi LEFT BOTTOM Sarlavha jadval tagida jadvalning chap chegarasiga mos tekislanadi CENTER TOP Sarlavha jadval tepasida jadvalning o’rtasiga mos tekislanadi CENTER BOTTOM Sarlavha jadval tagida jadvalning o’rtasiga mos tekislanadi RIGHT TOP Sarlavha jadval tepasida jadvalning o’ng chegarasiga mos tekislanadi RIGHT BOTTOM Sarlavha jadval tagida jadvalning o’ng chegarasiga mos tekislanadi ALIGN va VALIGN parametr qiymatlari qanday ishlatilishi mumkinligi quyidagi jadvalda keltirilgan: ALIGN VALIGN Izoh TOP yozilmaydi Sarlavha jadvaldan tepasida jadvalning o’rtasiga mos tekislanadi BOTTOM yozilmaydi Sarlavha jadvaldan tagida jadvalning o’rtasiga mos tekislanadi LEFT TOP Sarlavha jadval tepasida jadvalning chap chegarasiga mos tekislanadi LEFT BOTTOM Sarlavha jadval tagida jadvalning chap chegarasiga mos tekislanadi CENTER TOP Sarlavha jadval tepasida jadvalning o’rtasiga mos tekislanadi CENTER BOTTOM Sarlavha jadval tagida jadvalning o’rtasiga mos tekislanadi RIGHT TOP Sarlavha jadval tepasida jadvalning o’ng chegarasiga mos tekislanadi RIGHT BOTTOM Sarlavha jadval tagida jadvalning o’ng chegarasiga mos tekislanadi ALIGN va VALIGN parametr qiymatlari qanday ishlatilishi mumkinligi quyidagi jadvalda keltirilgan: Quyidagi misolda ALIGN va VALIGN parametrlarini ishlatilishini ko’rish mumkin: Quyidagi misolda ALIGN va VALIGN parametrlarini ishlatilishini ko’rish mumkin: Yuqorida keltirilgan ma’lumotlar asosida quyidagi HTML-hujjat va web-sahifani hosil qilish mumkin: Yuqorida keltirilgan ma’lumotlar asosida quyidagi HTML-hujjat va web-sahifani hosil qilish mumkin: Natijalar quyidagi ko’rinishda ifodalanadi. Natijalar quyidagi ko’rinishda ifodalanadi. Mustahkamlash uchun savollar 1. Web-sahifada jadval qanday tashkil etiladi? 2. Jadvalning chegara chiziqlarini qanday formatlash mumkin? 3. Jadvaldagi sarlavha haqida ma’lumot bering. 4. Jadval bilan matn web-sahifada qanday joylashishi mumkin? 5.Jadval ichidagi ma’lumotlarni formatlashga oid misol tuzing. Mustahkamlash uchun savollar 1. Web-sahifada jadval qanday tashkil etiladi? 2. Jadvalning chegara chiziqlarini qanday formatlash mumkin? 3. Jadvaldagi sarlavha haqida ma’lumot bering. 4. Jadval bilan matn web-sahifada qanday joylashishi mumkin? 5.Jadval ichidagi ma’lumotlarni formatlashga oid misol tuzing. UYGA VAZIFA “Mening oilam” nomli web-sahifangizdagi oila a’zolaringiz haqidagi ma’lumotlarni jadval ko’rinishida ifodalang. UYGA VAZIFA “Mening oilam” nomli web-sahifangizdagi oila a’zolaringiz haqidagi ma’lumotlarni jadval ko’rinishida ifodalang.