Блок болон шугаман элементүүдийн ялгаа

2024 Зохиолч: Alex Aldridge | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2023-12-17 13:45

Үндсэн ялгаа – Блок ба Inline элементүүд

HTML нь Hyper Text Markup Language гэсэн үгийн товчлол юм. Энэ нь вэб хуудас үүсгэхэд хэрэглэгддэг. Вэб хуудас бүр нь бусад вэб хуудсуудтай гипер холбоос ашиглан холбогддог. Энэ хэл нь шошгуудаас бүрдэнэ. Таг нь өнцгийн хаалтанд хаагдсан байна. Синтакс нь -тэй төстэй. Ихэнх шошго нь бас хаах шошготой байдаг. Таг хэзээ бол хаалтын таг нь. Зарим шошгонд хаалтын шошго байдаггүй. Ийм шошгын жишээ бол

болон

Тэдгээрийг хүчингүй шошго гэж нэрлэдэг. HTML элемент нь Баримт бичгийн объектын загварт (DOM) задлан шинжилсний дараа HTML баримт бичиг эсвэл вэб хуудасны бүрэлдэхүүн хэсэг юм. DOM нь вэб хөтөч доторх дотоод төлөөлөл юм. Энэ нь модны бүтэц дэх баримт бичиг бүрийг төлөөлдөг. Хөтөч дээр харуулах элементүүд нь блок элемент эсвэл доторлогооны элемент байж болно. Блок элементүүд нь тэгш өнцөгт бүтэцтэй байдаг. Дотор элементүүдийг блокийн элементүүдэд суулгаж болно. Блок болон доторлогооны элементийн гол ялгаа нь блокийн элементүүд нь боломжтой бүх өргөнийг эзэлдэг бол шугаман элементүүд нь элементүүдийн агуулгыг харуулахын тулд шаардлагатай өргөнийг авдагт оршино.

Блок элементүүд гэж юу вэ?

Блокны элементүүд нь боломжтой бүрэн өргөнийг авна. Эдгээр элементүүд үргэлж шинэ мөрөөр эхэлдэг. Блок элементийн зарим жишээг дараах байдлаар харуулав.

нь догол мөрийг тодорхойлоход хэрэглэгддэг. жишээ нь

Энэ догол мөр

. Толгойг тодорхойлох зургаан шошго байдаг. Тэд

,

,

…

. Программист толгой хэсгийг зохих ёсоор ашиглаж болно.

Захиалгат жагсаалтыг-р тодорхойлсон

эрэмбэлэгдээгүй жагсаалтыг-р тодорхойлсон байхад

. Энэ нь вэб хуудасны хөндлөн шугамыг харуулахад хэрэглэгддэг.

нь өгөгдлийг хүснэгт хэлбэрээр зохион байгуулахад хэрэглэгддэг. Вэб сайт бүрийн хувьд сайтын зочдоос мэдээлэл цуглуулах шаардлагатай. HTML маягтуудыг хэрэглэгчээс мэдээлэл авахад ашигладаг. Энэ нь мөн блок түвшний элемент юм. Эдгээр нь HTML дээрх блок элементүүдийн зарим жишээ юм.

Inline элементүүд гэж юу вэ?

Inline элементүүд нь зөвхөн шаардлагатай өргөнийг авна. Эдгээр элементүүд нь шинэ мөрөөр эхэлдэггүй. Дотор элементүүдийн зарим жишээг дараах байдлаар үзүүлэв. нь нэг хуудаснаас нөгөө хуудас руу холбоос үүсгэхэд ашиглагддаг. Hyperlinks нь HTML-ийн чухал элементүүдийн нэг юм. Энэ нь очих газрын холбоос үүсгэх href шинж чанарыг агуулж болно. жишээ нь Google-д зочилно уу. Зорилтот атрибут хоосон байна. Тиймээс шинэ баримт бичиг шинэ цонхонд нээгдэнэ. Хэрэв зорилтот атрибут нь "_self" бол холбогдсон баримт бичиг ижил цонхонд нээгдэнэ.

Зураг 01: Блок болон шугаман элементүүдийн жишээ

нь текстийн хэсгийг тодоор бичихэд ашиглагддаг. Энэ шошго нь текстийг налуу хэлбэрээр бичих явдал юм. Вэб хуудас нь харагдахуйц байх ёстой. Тиймээс аливаа вэб хуудас олон зургаас бүрддэг.

нь хуудсан дээрх зургийг харуулахад ашиглагддаг. Энэ шошго нь хоёр шинж чанарыг шаарддаг. Эдгээр нь src ба alt юм. 'src' нь зургийн байршлыг, ' alt' нь зураг юуны тухай болохыг тодорхойлдог. жишээ нь. Эдгээр нь доторлогооны элементүүдийн зарим жишээ юм.

Блок болон шугаман элементүүдийн хооронд ямар төстэй зүйл байдаг вэ?

Блок болон мөрийн элементүүдийг HTML-д контейнер болгон ашигладаг

Блок болон шугаман элементүүдийн хооронд ямар ялгаа байдаг вэ?

Блок ба Inline элементүүд
Блок элементүүд нь үндсэн элементийн өргөнийг бүхэлд нь хамрах элементүүд бөгөөд өөр ямар ч элемент байрлуулсантай ижил хэвтээ зайг эзлэхийг зөвшөөрөхгүй.	Дотор элементүүд нь үндсэн элементийн дотор шууд байрлуулах боломжгүй, блок элемент дотор үүрлэсэн элементүүд юм.
Шинэ шугам
Блокны элементүүд шинэ мөрөөр эхэлдэг.	Inline элементүүд шинэ мөрөөр эхэлдэггүй.
Шаардлагатай зай
Блокны элементүүд бүх өргөнийг авна.	Дотор элементүүд нь зөвхөн шаардлагатай өргөнийг авна.

Хураангуй – Блок ба Inline элементүүд

HTML нь Hyper Text Markup хэл гэсэн үг. Энэ нь шошгуудаас бүрдэх хэл юм. Шошго бүр нь тодорхой даалгавартай бөгөөд вэб хуудсыг хэрхэн зохион байгуулахыг тодорхойлдог. Зарим шошго нь эхлэл болон төгсгөлийн шошготой байдаг. Зарим шошгонд төгсгөлийн шошго байдаггүй. Тэдгээрийг хүчингүй тэмдэглэгээ гэж нэрлэдэг. Шинжилгээ нь синтаксийг шинжлэх үйл явц юм. Шинжилгээний алхамын дараа эдгээр шошгууд нь элемент болно. Элементүүд нь блок түвшний элементүүд эсвэл доторлогооны элементүүд байж болно. Блок болон доторлогооны элементүүдийн ялгаа нь блокийн элементүүд нь боломжтой бүх өргөнийг эзэлдэг бол шугаман элементүүд нь элементүүдийн агуулгыг харуулахын тулд шаардлагатай өргөнийг авдагт оршино.

Блок ба Inline элементүүдийн PDF хувилбарыг татаж авах

Та энэ нийтлэлийн PDF хувилбарыг татаж аваад офлайн зорилгоор ашиглах боломжтой. PDF хувилбарыг эндээс татаж авна уу: Блок болон шугамын элементүүдийн ялгаа