Уровень блока HTML и встроенные элементы

В общем, элементы HTML можно разделить на две категории: блочные и встроенные элементы.

1. Элементы уровня блока HTML могут появляться в теле HTML-страницы.

2. Он может содержать другой уровень блока, а также встроенные элементы.

3. По умолчанию элементы уровня блока начинаются с новой строки.

4. элементы блочного уровня создают более крупные структуры (чем встроенные элементы).

Список элементов уровня блока

  • p
  • h1, h2, h3, h4, h5, h6
  • ol, ul
  • до
  • адрес
  • цитата
  • dl
  • div
  • fieldset
  • form
  • hr
  • noscript
  • table

Пример элементов уровня блока

       Пример элемента уровня блока HTML    

Lorem ipsum dolor сидите, амет, цокольный вкус, элитный. Vestibulum scelerisque mollis nisl, vel posuere nulla convallis non.

Aenean lacus ligula, suscipit a fringilla id, laoreet nec toror. Fusce pharetra interdum mauris quis mollis.

Результат

Lorem ipsum dolor sit amet, conctetur adipiscing elit. Vestibulum scelerisque mollis nisl, vel posuere nulla convallis non.

Aenean lacus ligula, suscipit a fringilla id, laoreet nec toror. Fusce pharetra interdum mauris quis mollis.

Изображение


Встроенные элементы HTML

1. Элементы встроенного уровня HTML могут появляться в теле HTML-страницы.

2. Он может содержать данные и другие inline элементы.

3. По умолчанию встроенные элементы не начинаются с новой строки.

4. встроенные элементы создают более короткие структуры (чем элементы уровня блока).

Список встроенных элементов

  • b, big, i, small, tt
  • abbr, аббревиатура, cite, code, dfn, em, kbd, strong, samp, var
  • a, bdo, br, img, map, object, q, script, span, sub, sup
  • button, input, label, select, textarea

Пример встроенных элементов

        Пример элемента уровня блока HTML    Руководство по  

w3resource HTML .

w3resource HTML учебник.

Наглядное представление

Оцените статью
nanomode.ru
Добавить комментарий