Синтаксис HTML

by anastasia ноября 24, 2019 0 комментариев Синтаксис HTML

Дорогие читатели! Мы приступаем к изучению языка разметки HTML. Вначале изучим синтаксис HTML, а затем, в следующем сообщении, разберём структуру веб-страницы и несколько основных тегов, с помощью которых вы сможете создать HTML-документ.

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

Начальный тег показывает, где начинается элемент, а конечный — где заканчивается. Открывающий тег состоит из имени тега, заключённого в угловые одиночные кавычки: <имя тега>*, а закрывающийся образуется путём добавления слеша / перед именем тега: </имя тега>. Внутри, то есть между этими тегами, находится сам текст элемента, то есть контент: <имя тега [параметры]>контент</имя тега>.

Одиночные теги не могут хранить в себе содержимого напрямую, поэтому оно прописывается как значение атрибута: <имя тега [параметры]>.

Теги могут вкладываться друг в друга: <имя тега-1><имя тега-2>контент</имя тега-2><имя тега-1>. Обратите внимание: закрываться теги должны по принципу матрёшки — в обратном порядке.

HTML-элементы могут иметь атрибуты (глобальные, применяемые для всех HTML-элементов, и собственные). Атрибуты прописываются в открывающем теге элемента и содержат имя и значение, указываемые в формате имя атрибута="значение". Атрибуты позволяют изменять свойства и поведение элемента, для которого они заданы. Значений может быть несколько, в таком случае они разделяются точкой с запятой ;.

Каждому элементу можно присвоить несколько значений class и только одно значение id. Множественные значения class записываются через пробел, например: <div class="nav top">. Значения class и id должны состоять только из букв, цифр, дефисов и нижних подчеркиваний и должны начинаться только с букв или цифр.

————
* Здесь и далее во всём тексте уроков на бежевом фоне будет показываться программный код языка HTML, а на сером — то, что будет выводиться на экран.