HTML - это язык, используемый для создания веб-страниц с использованием различных блоков. Эти элементы в стиле формы разделены на два разных типа: элементы уровня HTML-блоков и встроенные элементы. Все эти виды элементов заключены в тег HTML-блоков. Элементы блочного уровня структурированы для разработки основного макета вашей веб-страницы.
Если мы говорим о представлении структуры, оно создает большее представление структуры, чем представление встроенных элементов. Все элементы уровня блока начинаются с новой строки, занимающей всю ширину экрана. Они должны быть написаны внутри открывающего и закрывающего тега.
Группировка элементов является важным методом разделения макетов в виде разделов или подразделов. Можно поместить любые блочные элементы в другой блочный элемент, а также мы можем поместить встроенные элементы в элементы HTML-блоков, но невозможно поместить элементы уровня блока во встроенные элементы, а не в тег элемента.
Давайте посмотрим синтаксис для различных элементов уровня блока HTML:
1. элемент div: он работает как блочный элемент, который занимает всю ширину экрана и всегда начинается с новой строки.
( ……Lines of code……)
2. таблица: таблица используется для отображения данных в табличном формате, включая заголовок таблицы, тело таблицы, содержащее строку таблицы и столбец таблицы.
3. Список элементов: упорядоченный список и неупорядоченный список.
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
4. Размещение элементов формы : размещение элементов формы для создания формы HTML следующим образом.
Элементы HTML-блоков
В качестве элементов блочного уровня HTML используются следующие элементы:
: Адресный тег используется для указания контактной информации автора в статье HTML.
: Статья используется для указания содержимого, которое является автономным.
Это элементы, которые расположены отдельно от основного контента, обычно они рассматриваются как боковая панель.
: Всякий раз, когда мы берем контент из другого источника, используется цитата.
Canvas - элемент, используемый в веб-документах для предоставления графического пространства.
: Это самый важный элемент во всей веб-разработке, который используется для разделения HTML-документов на разделы или подразделения.
: Независимо от группы связанных меток или элементов, которые используются в веб-формах, которые объединены в поле.
: HTML-формы определяются с помощью этого элемента блочного уровня. Это наиболее часто используется в процессе веб-разработки.
: Используется для обозначения нижнего колонтитула веб-страницы.
-
: Это заголовки, используемые в языке HTML, определяющие уровень от 1 до 6.
: Этот элемент используется для обозначения заголовка раздела веб-страницы.
: Это последний элемент, представленный в HTML 5, который используется для обозначения раздела страницы, включая навигационные ссылки.
: Элемент Section используется для представления общего раздела в его документе.
Когда мы хотим отображать данные в табличном формате, таблица является идеальным решением для этого. Это создаст таблицу для вашего HTML-документа.
: Если вы хотите включить видеоконтент в ваш HTML-документ, это также возможно с помощью простых элементов видео в вашем коде.
: Если пользователь хочет показать список элементов, то это возможно с помощью
элемент.
: Это покажет список в порядке.
: Он покажет список в неупорядоченном порядке.
: этот элемент используется для описания различных терминов в формате списка описания.
Примеры блоков HTML
Вот несколько примеров блоков HTML, которые приведены ниже:
Пример № 1
В приведенном ниже примере мы собираемся использовать некоторые базовые элементы блока HTML, такие как div, p, заголовки, списки с упорядоченным и неупорядоченным списком и т. Д.
Код:
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
Это пример элементов блока HTML, показывающих несколько блоков элементы уровня, заключенные в него. Здесь мы также можем использовать встроенные элементы
Пример, включающий элементы div, p, заголовки, элементы списка
В этом примере показаны различные виды блочных элементов HTML, таких как div, p заголовки от h1 до h6
Пример списков
Ненумерованный список HTML с указанием стран
Mumbai
Пуна
Нагпур
Упорядоченный список HTML с указанием стран
Mumbai
Пуна
Нагпур
Выход:
Пример № 2
Здесь мы увидим еще один пример, в котором мы создаем таблицу.
Теперь, используя элементы блоков HTML, мы собираемся создать форму HTML следующим образом:
Код:
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Выход:
Пример № 4
Здесь мы пытаемся обратиться к элементу в блоках HTML.
Код:
Presented BY Narendra Modi. Visit us at:Delhi primeminister.com Box 104, Red Fort Delhi
Выход:
Вывод
Из всей вышеприведенной информации он пришел к выводу, что элемент уровня HTML-блоков включен в тело документа HTML. Это создаст несколько больших HTML-блоков разделов, таких как абзацы или страницы с разделением. Можно включить другой элемент уровня блока в элементы уровня блока. Также возможно включить встроенные элементы в элемент уровня блока, но включение элементов уровня блока во встроенные элементы невозможно.
Рекомендуемые статьи
Это руководство по блокам HTML. Здесь мы обсуждаем элементы блоков HTML вместе с примерами и реализацией кода. Вы также можете посмотреть следующие статьи, чтобы узнать больше -
