Mavzu: Reja: I. Kirish II. Asosiy qism htmlda ro’yhat yaratish cssda text-align, Vertical Align va Float

Tartibsiz HTML ro'yxati
Tartibsiz ro'yxat 

teg bilan boshlanadi. Har bir ro'yxat elementi teg bilan boshlanadi 
• .
  Ro'yxat elementlari sukut bo'yicha o'qlar (kichik qora doiralar) bilan belgilanadi:
  
  

  Buyurtma qilingan HTML ro'yxati

  
  Tartiblangan ro'yxat 
  teg bilan boshlanadi. Har bir ro'yxat elementi teg bilan boshlanadi 
  1. .
     Ro'yxat elementlari sukut bo'yicha raqamlar bilan belgilanadi:
     
     

     
     
     

     HTML tavsif ro'yxati

     
     HTML shuningdek tavsif ro'yxatini qo'llab-quvvatlaydi.
     Ta'riflar ro'yxati - bu har bir atama tavsifi bilan atamalar ro'yxati.
     Teg 

     tavsif ro'yxatini belgilaydi, 

     teg atamani (ismni) belgilaydi va 

      teg har bir atamani tavsiflaydi:
     
     
     

     ³2. CSS tartibi - gorizontal va vertikal tekislash

     
     
     

     Elementlarni markazga tekislash

     
     Blok elementini (masalan,

     ) gorizontal markazlashtirish uchun foydalaningmargin: auto;
     Elementning kengligini o'rnatish uning idishining chetlarigacha cho'zilishining oldini oladi.
     Keyin element belgilangan kenglikni egallaydi va qolgan bo'sh joy ikkita chekka o'rtasida teng ravishda bo'linadi:
     
     Eslatma:width Agar xususiyat o'rnatilmagan bo'lsa (yoki 100% ga o'rnatilgan bo'lsa) markazga tekislash ta'sir qilmaydi .
     

     Matnni markazga tekislash

     
     Element ichidagi matnni faqat markazlashtirish uchun foydalaningtext-align: center;
     
     
     

     Tasvirni markazlashtirish

     
     Tasvirni markazlashtirish uchun chap va o'ng chetlarini o'rnating autova uni elementga aylantiring block:
     

     Chap va o'ngga tekislash - joylashuvdan foydalanish

     
     Elementlarni tekislashning bir usuli quyidagilardan iborat position: absolute;:
     
     
     Eslatma: Mutlaq joylashtirilgan elementlar oddiy oqimdan olib tashlanadi va elementlarning ustiga chiqishi mumkin.