Показать Меню
falbar Основы HTML

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

Основы HTML

Здравствуйте читатели, сегодня мы продолжаем изучать основы HTML, и это уже третья статья, где мы более подробно познакомимся с HTML тегами. Из неё Вы узнаете, на какие ещё две больших группы делятся все HTML элементы и их основное отличие друг от друга. Так же Вы узнаете, где все эти HTML теги живут.

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

И так, где же все эти HTML теги живут, которыми мы будем пользоваться?

Во вводной статье я раскалывал, про такую организацию как W3C, именно на сайте этой компании и находится Спецификация HTML 4.1. Если у Вас возникнут противоречия: как, что и где использовать, или вопросы вида: какие свойства у тега? - именно на этом сайте стоит искать правду. Фактически, многие авторы книг и блогов её переписывают на свой лад, поэтому в этой серии статей по основам HTML Вы не найдете, к примеру, 20 тегов с описанием - это можно узнать и из спецификации. Но ссылаться на этот сайт я буду, так как это первоисточник, которому, безусловно, нужно доверять.

Теперь вернёмся к основному вопросу, на какие же ещё две группы делятся HTML теги?

Разрабатывая HTML страницы, Вы постоянно будете сталкиваться с такими понятыми как:

  • Блочные (block elements) элементы;
  • Строчные (inline elements) элементы.

Суть этого деления заключается в том, что теги блочного вида растягиваются на всю допустимую ширину, и им можно задавать высоту, а строчные элементы располагаются в пределах текста, и задание им высоты стандартным способом ни к чему не приведет. Исходя из этого блочные элементы, например div используются для формирования структуры HTML страницы, а строчные для оформления текста. Этот простой принцип позволяет, делать практически любой сложности HTML страницы. И, исходя из этого, есть правило, которое гласит: что внутри строчных элементов нельзя использовать блочные элементы (и это очень важно!).

Ниже Вы можете увидеть пример использования двух видов тегов:

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

Из этого примера видно, что блочные теги div заняли всю ширину, а строчные span только в приделах самого текста. Поэтому блочные элементы идут друг за другом, а строчные в одной строке.

Остальные HTML теги Вы сможете изучить на странице W3C TAGS. Там приведен весь список HTML элементов, которые доступны разработчику.

На этом у меня всё, до новых встреч.

Подписаться на обновления

Комментариев еще не оставлено