Javoblar: 1 margin va padding bo'shliqqa tushadigan elementlar uchun eng ko'p ishlatiladigan ikkita xususiyatdir. Margin bu biror narsaning tashqarisidagi

Web dasturlashga kirish fanidan 1-oraliq nazorat ishi

Talaba: Teshayev Shuhrat

57-variant

Javoblar:

1) margin va  padding bo'shliqqa tushadigan elementlar uchun eng ko'p ishlatiladigan ikkita xususiyatdir. Margin - bu biror narsaning tashqarisidagi bo'shliq , to'ldirish - bu biror narsaning ichidagi bo'shliqdir.

Elementning to'rt tomoni ham alohida o'rnatilishi mumkin. margin-top, margin-right, margin-bottom, margin-left, padding-top, padding-right, padding-bottom va  padding-left siz foydalanishingiz mumkin aniq xususiyatlari bor.

Bloklar sizning sahifangizda ma'lum bir kenglikga ega bo'lgan va blok darajadagi element sifatida yaratilgan har qanday elementlardir. Ko'pincha bu bloklar HTML elementidan foydalanib yaratiladi. CSS bilan markaziy bloklarning eng keng tarqalgan usuli - chap va o'ng chetdagi chekka joylarni avtomatik ravishda o'rnatish. Bu erda "markazi" ning sinf atributiga ega bo'lgan bo'linish uchun CSS-bu:

div.center {
margin: 0 avto;
eni: 80em;
}

Marg xususiyati uchun ushbu CSS steneri chap va o'ngdagi "auto" dan foydalanilsa, yuqori va pastki chetida chekkalari 0 ga teng bo'ladi. Bu, aslida mavjud bo'lgan har qanday joyni oladi va uni ko'rinish oynasining ikki tomoni o'rtasida teng ravishda ajratib, sahifani samarali ravishda markazlashtiradi.

Bu erda HTMLda qo'llaniladi:

Bu butun blok markazga joylashgan,

lekin uning ichidagi matn hizalanadi.

Blokingiz ma'lum bir kenglikga ega bo'lgan ekan, o'z ichiga element o'z ichiga oladi. Bu blokdagi matnlar uning ichida markazlashtirilmaydi, aksincha, qoldiriladi. Bu shundan iboratki, veb-brauzerlardagi asl matnda matn chap-ashyoga asoslangan. Matn markazlashtirilgan bo'lishini xohlasangiz, bu usul bilan birga bo'linishni markazlashtirish uchun ilgari ko'rib chiqqan matnni moslash xususiyatidan foydalanishingiz mumkin.

Ko'pgina brauzerlar rasmlarni bir xil matnli hizalamak xususiyati yordamida markazlashtiradigan bo'lsa-da, xatboshiga qarasak, bu usulga tayanish yaxshi emas, chunki W3C tomonidan tavsiya etilmaydi. Tavsiya etilmaydi, chunki brauzerlarning kelajakdagi versiyalari ushbu usulni e'tibordan chetda qoldirish imkoniyatiga ega.

Tasvirni markazlashtirish uchun matnni aylantirishni ishlatish o'rniga brauzerda tasvirning blok-darajali element ekanligini tushuntirishingiz kerak. Shunday qilib, uni boshqa bloklar singari markazlashtira olasiz. Mana, buni amalga oshirish uchun CSS:

img.center {
displey: blok;
margin-left: auto;
margin-right: auto;
}

2)

HTML hujjatda ma'lumotlarni qulay shaklda tasvirlash maqsadida ro’yxatlar va jadvallar tashkil qilingan. Ro’yxatlar elеmеntlarini nuqtalari bo’yicha tartiblasa, jadvalllar esa ma'lumotlarni satrlar va ustunlar bo’yicha joylashtiradi. Ro’yxatlardan to’g’ri foydalanish katta hajmli ma'lumotlarning o’qilish qulayligini oshiradi.

Ro’yxatlarni quyidagi uchta holatda qo’llash maqsadga muvofiq:

1. 
   Bir jinsli ma'lumotlarni biror bеlgilar bo’yicha sinflarga ajratish;
   
2. 
   Katta hajmli ma'lumotlarni abzats bilan tasvirlashda ularni o’qish qiyinlashsa;
   
3. 
   Biror bir jarayonnni tasvirlashda.
   

Quyidagi misolga e`tibor bering.

Misol 1.


Mеning qiziqishlarim.

• futbol
  
• regbi
  
• musiqa
  
• tarixiy kino
  
  
  
  
  Kompyutеr avlodlari
  
  • I - avlod
    
  • II - avlod
    
  • III - avlod
    
  • IV - avlod
    
  
  
  
  
  
  • Birinchi punkt
    
  • Ikkinchi punkt
    
  • Uchinchi punkt
    
  
  
  
  
  O’quv-uslubiy majmua hujjatlari
  
  1. Ma`ruzalar to’plami
     
  2. Kalendar-tematik reja
     
  3. Baholash mezonlari
     
  4. Glossariy
     
  5. Namunaviy o’quv dastur….
     
  
  
  
  
  
  5. Bеshinchi
     
  6. Oltinchi
     
  10. O’ninchi
      
  11. O’n birinchi
      
  
  
  
  
  
  1. Bir
     
     
     
     1. bir
        
     2. ikki
        
     
     
  2. Ikki
     
     
     
     • bir
       
     • ikki