Blok va Inline elementlar oʻrtasidagi farq

2024 Muallif: Alex Aldridge | [email protected]. Oxirgi o'zgartirilgan: 2023-12-17 13:52

Asosiy farq – Blok va Inline elementlar

HTML Hyper Text Markup Language degan ma'noni anglatadi. U veb-sahifalarni yaratish uchun ishlatiladi. Har bir veb-sahifa boshqa veb-sahifalarga giperhavolalar yordamida ulanadi. Bu til teglardan iborat. Teg burchakli qavslar ichiga o'ralgan. Sintaksis ga o'xshaydi. Aksariyat teglarda yopilish tegi ham mavjud. Teg qachon bo'lsa, yopilish tegi. Ba'zi teglarda yopish tegi yo'q. Bunday tegga misollar

va

Ular bekor teglar sifatida tanilgan. HTML elementi HTML hujjati yoki veb-sahifaning Hujjat Ob'ekt Modeli (DOM) ga ajratilgandan so'ng tarkibiy qismidir. DOM veb-brauzer ichidagi ichki vakillikdir. U daraxt tuzilishidagi har bir hujjatni ifodalaydi. Brauzerda ko'rsatiladigan elementlar blok elementi yoki inline element bo'lishi mumkin. Blok elementlari to'rtburchaklar tuzilishga ega. Inline elementlar blok elementlariga kiritilishi mumkin. Blok va inline element o'rtasidagi asosiy farq shundaki, blok elementlari mavjud to'liq kenglikni egallaydi, inline elementlar esa elementlarning mazmunini ko'rsatish uchun kerakli kenglikni oladi.

Blok elementlari nima?

Blok elementlari mavjud toʻliq kenglikni oladi. Ushbu elementlar har doim yangi qatordan boshlanadi. Blok elementlarining ayrim misollari quyidagicha.

paragrafni belgilash uchun ishlatiladi. masalan

Bu paragraf

. Sarlavhalarni aniqlash uchun oltita teg mavjud. Ular

,

,

…

. Dasturchi sarlavhadan mos ravishda foydalanishi mumkin.

Buyurtma roʻyxatibilan belgilanadi

tartibsiz roʻyxatbilan belgilangan

. Veb-sahifa bo'ylab gorizontal chiziqni ko'rsatish uchun ishlatiladi.

jadval formatida ma'lumotlarni tartibga solish uchun ishlatiladi. Har bir veb-sayt uchun saytga tashrif buyuruvchilardan ma'lumotlarni yig'ish talab qilinadi. HTML shakllari foydalanuvchidan ma'lumotlarni olish uchun ishlatiladi. Shuningdek, u blok darajasidagi element hisoblanadi. Bu HTML-dagi blok elementlariga misollar.

Inline elementlar nima?

Inline elementlar faqat kerakli kenglikni oladi. Ushbu elementlar yangi qatordan boshlanmaydi. Inline elementlarning ba'zi misollari quyidagicha. bir sahifadan ikkinchisiga havolalar yaratish uchun ishlatiladi. Giperhavolalar HTML tilidagi muhim elementlardan biridir. U manzilga havola yaratish uchun href atributini o'z ichiga olishi mumkin. masalan. Google ga tashrif buyuring. Maqsad atributi bo'sh. Shunday qilib, yangi hujjat yangi oynada ochiladi. Agar maqsadli atribut “_self” boʻlsa, ulangan hujjat xuddi shu oynada ochiladi.

01-rasm: Blok va Inline elementlarga misollar

matn qismini qalinlashtirish uchun ishlatiladi. Teg matnni kursiv qilish uchun mo'ljallangan. Veb-sahifa ko'rgazmali bo'lishi kerak. Shuning uchun har qanday veb-sahifa bir nechta tasvirlardan iborat.

sahifadagi rasmni koʻrsatish uchun ishlatiladi. Bu teg ikkita atributni talab qiladi. Ular src va alt. "Src" rasmning joylashishini va " alt" tasvirning nima haqida ekanligini tavsiflaydi. masalan.. Bu qatordagi elementlarga misollar.

Blok va Inline elementlar oʻrtasidagi oʻxshashlik nimada?

Blok va inline elementlar HTMLda konteyner sifatida ishlatiladi

Blok va Inline elementlar oʻrtasidagi farq nima?

Blok va Inline elementlar
Blok elementlari asosiy elementning butun kengligini qamrab oladigan elementlardir va boshqa hech qanday element joylashtirilganidek gorizontal boʻshliqni egallashiga yoʻl qoʻymaydi.	Inline elementlar toʻgʻridan-toʻgʻri tana elementi ichiga joylashtirilmaydigan va blok elementlari ichiga joylashtirilgan elementlardir.
Yangi qator
Blok elementlari yangi qatordan boshlanadi.	Inline elementlar yangi qatordan boshlanmaydi.
Majburiy joy
Blok elementlari barcha kenglikni oladi.	Inline elementlar faqat kerakli kenglikni oladi.

Xulosa – Blok va Inline elementlar

HTML Hyper Text Markup tilini anglatadi. Bu teglardan tashkil topgan til. Har bir teg o'ziga xos vazifaga ega va veb-sahifani qanday tuzishni belgilaydi. Ba'zi teglarda boshlang'ich teg va tugatish tegi mavjud. Ba'zi teglarda tugatish tegi yo'q. Ular bekor teglar deb ataladi. Tahlil - bu sintaksisni tahlil qilish jarayoni. Tahlil qilish bosqichidan keyin bu teglar elementga aylanadi. Elementlar blok darajasidagi elementlar yoki inline elementlar bo'lishi mumkin. Blok va inline elementlar o'rtasidagi farq shundaki, blok elementlari mavjud to'liq kenglikni egallaydi, inline elementlar esa elementlarning mazmunini ko'rsatish uchun kerakli kenglikni oladi.

Block vs Inline Elements-ning PDF-versiyasini yuklab oling

Siz ushbu maqolaning PDF-versiyasini yuklab olishingiz va iqtibos keltirgan holda oflayn maqsadlarda foydalanishingiz mumkin. Iltimos, PDF versiyasini bu yerdan yuklab oling: Blok va Inline elementlar o'rtasidagi farq