Veb-sahifalarni yozishda biz html dasturlash tildan foydalanamaiz. Aytgancha, html

Bu yerda aniq bir narsa qilishingiz shart emas, lekin agar xohlasangiz, qo‘shimcha paragraflar yoki "break"lar qo‘shib, uni yana o‘zgartirishingiz mumkin.

20 dars

Amaliy mashg‘ulot — "div" elementi

"Block" va "inline" elementlar mavzusidagi video lavhada, Kelli aytib o‘tgan "block" darajasidagi elementlardan biri "div" deb nomlanganligiga e’tibor bergan (yoki bermagan) bo‘lishingiz mumkin.
div bu division so‘zining qisqartmasi bo‘lib, ushbu element sahifani turli bo‘limlarga bo‘lishda foydalanish uchun mo‘ljallangann.
p paragrafi singari, div elementi ham atrofida ko‘rinmas ramkaga ega, xuddi p kabi u ham chegara, hoshiya, kenglik, balandlik va hokazolarga ega bo‘lishi mumkin.
Ammo p elementi, asosan, matnni o‘z ichiga olishi kerak. Bunga javoban, div elementi siz ichkariga qo‘yishni istagan har qanday boshqa elementlar uchun umumiy konteynerdir. Siz div elementidan tarkibni tartibga solish va sahifani bo‘limlarga bo‘lish uchun foydalanishingiz mumkin.
Bu biroz mavhum. Uni quyidagi ishchi maydonda sinab ko‘rish yordam berishi mumkin. So'nggi ikki paragrafni div elementiga quyidagicha joylashtirib ko‘ring:

Call me Ishmael.

Just don't call me late for dinner.

Biz div elementining chegarasini (ko‘k rangda) ko‘rinadigan qilib o‘rnatdik, shuning uchun p elementlari div ichida joylashganligini ko‘rishingiz mumkin, masalan mana bunday:
"div`" elementi juda muhim element bo‘lib, u "HTML"da sahifalarni joylashtirish va tartibga solish uchun juda ko‘p ishlatiladi. Ushbu darsda biz "div" elementidan ko‘p foydalanmaymiz, lekin keyingi darsda biz unga qaytamiz - shuning uchun uni yodda saqlang!

21 dars
HTMLda ba’zi elementlar aniq boshqa elementlarning ichida ishlatiladi.ular o’zlari nimalarni anglatmaydilar.

Misol uchun ro’yxatelementi va li elementi. Ro’yxat obyektlari ichidagi birorta elementi xaridlar ro’yxati, rasmlar ro’yxati yoki tarkiblar jadvalikabi bir narsa.
Ro’yxat elemanti faqat o’z o’zidan farq qilishi mumkin emas. U faqat ro’yxatning birqismi bo’aladi.
L i ning bir qismi bo’lishi mumkin bo’lgan ikki xilro’yxat mavjud. Odatda buyurtmalarro’yxatning bir qismi bo’lishi mumkin. Har birelementinng oldida raqamlar, yoki harflarbilan ro’yxat sifatida ko’rsatiladi

—bu tartiblangan ro’yxat ucun

– bu tartiblanmagan ro’yxat uchun

elementlar faqat

yoki

ichida bo’lishi mumkin.
Ammoro’yxatboshqa royxatlarga joylashtirilishi mumkin. Mana bu qandayqilib diagrammayokivazifalar ro’yxatikabi narsalarni taratishingiz mumkinligini ko’rsatadi, ndaba’zi vazifalar ichida bir nechta qadamlar mavjud. Tartiblashtirlimagan ro’yxat odatda markerlar bilan yoki nuqtalar bilan ko’rsatiladi.

Bu ul element ichidagi lielement, ol ichidai boshqa li element.

Li elementi faqat ro’yxatichida ko’rinishi mumkin va to’g’ridan to’g’ri boshqa li ichidabo’la olmasligi sababli HTML bizdan elementlar uchun yakunlovchi taglarni yozishni talab qulmaydi.
Buning sababi shundagi li elementihech qachon boshqa li ning ichid paydo bo’lolmaydi, u har doim ol yoki ul ning ichida bo’lishi kerak.
Bu shuni anglatadiki agar brauzer li elemetiningmatnini. O’qib chiqsa va boshqa ochiladigan li tegni topsa, oldingi ro’yxat elementi bilan bajarilishikerakligini biladi. Shuning uchun xoxlasangiz yioki xoxlamasangiz li uchun yopuvchi teglarni yozishni tanlashingiz mumkin. Ammo siz har doim ul yoki ol uchun teglarni yozishingiz kerak.shunda brauzer ulaning ortidan boshqa narsalarni ro’yxatga kiritishga urinmaydi.
p elementi - elementning yopish tegi ixtiyoriy bo‘lishiga yana bir misoldir.
Siz yopish tegini kiritishingiz mumkin:

Like this!

Yoki buni qoldiring

Like this!
Esda tutingki, siz ixtiyoriy yopish tegini olib tashlaganingizda, u hali ham nazarda tutiladi - ya’ni siz aniq aytmagan bo‘lsangiz ham, brauzer elementni qayerda yopish kerakligini aniqlaydi.