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

В HTML вам, в основном, будут попадаться два типа элементов HTML.

Блочные элементы, вроде:

• абзацы <р>;
• списки: неупорядоченные (с маркером) <ul> или упорядоченные списки (с числами) <ol>;
• заголовки: от первого уровня <h1> до шестого уровня <h6>;
• статьи <article>;
• разделы <section>;
• длинные цитаты <blockquote>.

Строчные элементы, вроде:

• ссылки <a>;
• выделенные слова <em>;
• важные слова <strong>;
• короткие цитаты <q>;
• аббревиатуры <abbr>.

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

Строчные элементы предназначены, чтобы разграничить часть текста и придать ему определённую функцию или смысл. Строчные элементы, как правило, содержат одно или несколько слов.

<p>Вы уже видели это <a href="http://www.youtube.com">замечательное видео</a> на YouTube?</p>

Открывающие и закрывающие теги

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

Как результат, самозакрывающие элементы являются строчными, просто потому, что их синтаксис не позволяет им содержать любой другой элемент HTML.

	Содержит открывающие и закрывающие теги	Самозакрывающие
Блочные элементы	<p> </p> <ul> </ul> <ol> </ol>	Невозможно
Строчные элементы	<a> </a> <strong> </strong> <em> </em>	<input> <br> <img>

Другие типы элементов HTML

Есть несколько исключений у блочных/строчных элементов. Вот те, с которыми вы чаще всего столкнётесь:

• пункты списка <li>;
• таблица <table>;
• строки таблицы <tr>;
• ячейки таблицы <td>.