Разлика между блокови и вградени елементи

Съдържание:

Разлика между блокови и вградени елементи
Разлика между блокови и вградени елементи

Видео: Разлика между блокови и вградени елементи

Видео: Разлика между блокови и вградени елементи
Видео: Ошибки в сантехнике. Вводной узел в квартиру. 2024, Декември
Anonim

Ключова разлика - блок срещу вградени елементи

HTML означава Hyper Text Markup Language. Използва се за създаване на уеб страници. Всяка уеб страница е свързана с други уеб страници чрез хипервръзки. Този език се състои от тагове. Етикетът е затворен в ъглови скоби. Синтаксисът е подобен на. Повечето тагове имат и затварящ етикет. Когато е таг, затварящият таг е. Някои маркери нямат затварящ маркер. Примери за такъв етикет са

и

. Те са известни като отменени маркери. Елементът HTML е компонент на HTML документ или уеб страница, след като е анализиран в обектен модел на документ (DOM). DOM е вътрешно представяне в уеб браузъра. Той представлява всеки документ в дървовидна структура. В браузъра показваните елементи могат да бъдат или блоков елемент, или вграден елемент. Блоковите елементи имат правоъгълна структура. Вградените елементи могат да бъдат вградени в блокови елементи. Ключовата разлика между блока и вградения елемент е, че блоковите елементи заемат цялата налична широчина, докато вградените елементи заемат необходимата ширина, за да покажат съдържанието на елементите.

СЪДЪРЖАНИЕ

1. Общ преглед и ключова разлика

2. Какво представляват блоковите елементи

3. Какво представляват вградените елементи

4. Прилики между блоковите и вградените елементи

5. Равно до сравнение - Блок срещу вградени елементи в таблична форма

6. Резюме

Какво представляват блоковите елементи?

Блоковите елементи заемат наличната пълна ширина. Тези елементи винаги започват с нов ред. Някои примери за блокови елементи са както следва.

се използва за дефиниране на абзац. напр

Това е параграф

. Има шест маркера за дефиниране на заглавки. Те са

,

,

. Програмистът може да използва заглавката съответно.

Подреденият списък се определя от

докато неподреденият списък се дефинира от

. Използва се за показване на хоризонтална линия през уеб страницата. Използва се за подреждане на данни в табличен формат. За всеки уеб сайт е необходимо да се събират данни от посетителите на сайта. HTML формулярите се използват за получаване на данни от потребителя. Също така е елемент на ниво блок. Това са някои примери за блокови елементи в HTML.

Какво представляват вградените елементи?

Вградените елементи вземат само необходимата ширина. Тези елементи не започват с нов ред. Някои примери за вградени елементи са както следва. се използва за създаване на връзки от една страница към друга. Хипервръзките са един от основните елементи в HTML. Той може да съдържа атрибут href, за да създаде връзка към дестинацията. напр. Посетете Google. Целевият атрибут е празен. Следователно новият документ ще се отвори в нов прозорец. Ако целевият атрибут е „_self”, тогава свързаният документ ще се отвори в същия прозорец.

Разлика между блокови и вградени елементи
Разлика между блокови и вградени елементи

Фигура 01: Примери за блокови и вградени елементи

Използва се за удебеляване на част от текста. Етикетът е, за да направи текста курсив. Уеб страницата трябва да може да се представи. Следователно всяка уеб страница се състои от множество изображения. Използв

се за показване на изображение на страницата. Този маркер изисква два атрибута. Те са src и alt. 'Src' описва местоположението на изображението, а 'alt' описва какво е изображението. напр. Това са някои примери за вградени елементи.

Каква е приликата между блокови и вградени елементи?

  • Блоковите и вградените елементи се използват като контейнери в HTML.

Каква е разликата между блоковите и вградените елементи?

Различна статия Средна преди таблица

Блок срещу вградени елементи

Блоковите елементи са елементите, които ще обхващат цялата ширина на родителския елемент и няма да позволят на никой друг елемент да заема същото хоризонтално пространство, на което е поставен. Вградените елементи са елементите, които не могат да бъдат поставени директно вътре в елемента на тялото и които са вложени в блоковите елементи.
Нова линия
Блоковите елементи започват с нов ред. Вградените елементи не започват с нов ред.
Задължително пространство
Елементите на блока вземат цялата ширина. Вградените елементи ще вземат само необходимата ширина.

Резюме - Блок срещу вградени елементи

HTML означава език за хипертекстово маркиране. Това е език, състоящ се от тагове. Всеки маркер има конкретна задача и определя как да се структурира уеб страницата. Някои маркери имат началния и крайния етикет. Някои маркери нямат завършващ етикет. Те се наричат void тагове. Анализът е процес на анализ на синтаксиса. След стъпката за разбор тези маркери се превръщат в елементи. Елементите могат да бъдат елементи на ниво блок или вградени елементи. Разликата между блоковите и вградените елементи е, че блоковите елементи заемат цялата налична широчина, докато вградените елементи заемат необходимата ширина за показване на съдържанието на елементите.

Изтеглете PDF версията на Block vs Inline Elements

Можете да изтеглите PDF версията на тази статия и да я използвате за офлайн цели според бележката към цитата. Моля, изтеглете PDF версията тук: Разлика между блок и вградени елементи

Препоръчано: