Разница между блочными и строчными элементами

Оглавление:

Разница между блочными и строчными элементами
Разница между блочными и строчными элементами

Видео: Разница между блочными и строчными элементами

Видео: Разница между блочными и строчными элементами
Видео: Разница между строчными и блочными элементами. Flexbox 2024, Июль
Anonim

Ключевая разница - блочные и встроенные элементы

HTML означает язык разметки гипертекста. Он используется для создания веб-страниц. Каждая веб-страница связана с другими веб-страницами с помощью гиперссылок. Этот язык состоит из тегов. Тег заключен в угловые скобки. Синтаксис похож на. Большинство тегов также имеют закрывающий тег. Когда это тег, закрывающий тег. Некоторые теги не имеют закрывающего тега. Примеры таких тегов

и

Разница между блочными и встроенными элементами
Разница между блочными и встроенными элементами

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

Что такое блочные элементы?

Блочные элементы занимают всю доступную ширину. Эти элементы всегда начинаются с новой строки. Ниже приведены некоторые примеры блочных элементов.

используется для определения абзаца. например

Это абзац

. Существует шесть тегов для определения заголовков. Они

,

,

. Программист может использовать соответствующий заголовок.

Упорядоченный список определяется

в то время как неупорядоченный список определяется

. Используется для отображения горизонтальной линии на веб-странице.

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

Что такое встроенные элементы?

Встроенные элементы имеют только необходимую ширину. Эти элементы не начинаются с новой строки. Ниже приведены некоторые примеры встроенных элементов. используется для создания ссылок с одной страницы на другую. Гиперссылки являются одним из основных элементов HTML. Он может содержать атрибут href для создания ссылки на пункт назначения. например Посетите Google. Целевой атрибут пуст. Поэтому новый документ откроется в новом окне. Если целевой атрибут равен «_self», то связанный документ откроется в том же окне.

Рисунок 01: Примеры блочных и встроенных элементов

используется для выделения раздела текста жирным шрифтом. Тег предназначен для выделения текста курсивом. Веб-страница должна быть презентабельной. Поэтому любая веб-страница состоит из множества изображений.

используется для отображения изображения на странице. Этот тег требует двух атрибутов. Это src и alt. «src» описывает местоположение изображения, а « alt» описывает, о чем изображение. например. Вот несколько примеров встроенных элементов.

В чем сходство между блочными и строчными элементами?

Блочные и встроенные элементы используются в качестве контейнеров в HTML

В чем разница между блочными и встроенными элементами?

Блочные и встроенные элементы

Блочные элементы - это элементы, которые охватывают всю ширину родительского элемента и не позволяют никакому другому элементу занимать то же горизонтальное пространство, на котором он размещен. Встроенные элементы - это элементы, которые не могут быть размещены непосредственно внутри элемента body и которые вложены в блочные элементы.
Новая строка
Блочные элементы начинаются с новой строки. Встроенные элементы не начинаются с новой строки.
Необходимое место
Элементы блока занимают всю ширину. Встроенные элементы будут занимать только необходимую ширину.

Резюме – Блочные и встроенные элементы

HTML расшифровывается как язык гипертекстовой разметки. Это язык, состоящий из тегов. Каждый тег имеет определенную задачу и определяет, как структурировать веб-страницу. Некоторые теги имеют начальный тег и конечный тег. Некоторые теги не имеют закрывающего тега. Они называются недействительными тегами. Синтаксический анализ - это процесс анализа синтаксиса. После этапа синтаксического анализа эти теги становятся элементами. Элементы могут быть элементами уровня блока или встроенными элементами. Разница между блочными и встроенными элементами заключается в том, что блочные элементы занимают всю доступную ширину, а встроенные элементы занимают ширину, необходимую для отображения содержимого элементов.

Загрузить PDF-версию блока и встроенных элементов

Вы можете загрузить PDF-версию этой статьи и использовать ее в автономном режиме в соответствии с примечанием к цитированию. Загрузите PDF-версию здесь: Разница между блочными и встроенными элементами

Рекомендуемые: