Содержимое html-документа или веб-страницы определяется содержимым html элементов.
HTML-элемент — это все, что находится между стартовым(открывающим) и конечным(закрывающим) тегами.
| Открывающий тег | Содержимое элемента | Закрывающий тег |
|---|---|---|
| Это параграф | ||
| Это ссылка | ||
Синтаксис элементов html
- HTML элемент начинается с открывающего/стартового тега.
- HTML элемент заканчивается закрывающим/конечным тегом.
- Содержимое элемента — это все, что находится между открывающим и закрывающим тегами.
- Некоторые элементы могут быть пустыми.
- Пустые элементы состоят только из открывающего тега.
- Большая часть html элементов может иметь атрибуты.
(Вы узнаете больше об атрибутах в следующих главах учебника.)
Вложенные элементы
Большая часть html элементов может быть вложена друг в друга. HTML документ состоит из вложенных элементов.
Это мой первый параграф.
Приведенный пример состоит из трех элементов:
1. Элемент
используется для вставки параграфа в веб-страницу. Имеет открывающий и закрывающий теги. Содержимое этого элемента в нашем примере — надпись «Это мой первый параграф».
2. Элемент описывает видимую часть содержимого веб-страницы. Имеет открывающий и закрывающий теги. В него вложен элемент
со своим содержимым.
3. Элемент описывает весь html документ. Имеет открывающий и закрывающий теги. В него вложены уже два элемента и
.
Не забывайте закрывающий тег
Большинство браузеров корректно отобразят ваш код html, даже если вы забудете поставить закрывающий тег. Однако, это может привести к ошибкам и непредсказуемым результатам.
Внимание! Будущие версии HTML не позволяют забывать закрывающие теги.
Пустые HTML элементы
HTML элементы без содержимого называются пустыми элементами. Пустые элементы состоят из одного тега.
— это пустой элемент, не имеющий закрывающего тега (он используется для отображения горизонтальной черты).
В XHTML, XML и будущих версиях HTML все элементы должны быть закрыты. Чтобы сделать это, вам достаточно добавить наклонную черту через пробел после названия тега —
. Это хорошая привычка, которая пригодится в будущем.
Нижний регистр!
HTML теги не чувствительны к регистру:
значит то же, что и
. Многие сайты используют заглавные буквы при написании html кода.
Однако, лучше использовать строчные буквы, потому что Консорциум Всемирной Паутины рекомендует строчные буквы в HTML 4 и будет требовать это в будущих версиях (X)HTML.