HTML Основы


HTML Расширенный


HTML Примеры


HTML Справка



HTML-верстка: инструменты и приемы профессиональной front-end разработки

HTML элементы


назад вперед

Содержимое html-документа или веб-страницы определяется содержимым html элементов.

HTML элементы

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

Открывающий тег Содержимое элемента Закрывающий тег
<p> Это параграф </p>
<a href="index.html" > Это ссылка </a>
<br />    

Синтаксис элементов html

(Вы узнаете больше об атрибутах в следующих главах учебника.)


Вложенные элементы

Большая часть html элементов может быть вложена друг в друга. HTML документ состоит из вложенных элементов.

Пример

<html>

<body>
<p>Это мой первый параграф.</p>
</body>

</html>

Приведенный пример состоит из трех элементов:

1.   Элемент <p> используется для вставки параграфа в веб-страницу. Имеет открывающий и закрывающий теги. Содержимое этого элемента в нашем примере - надпись «Это мой первый параграф».

2.   Элемент <body> описывает видимую часть содержимого веб-страницы. Имеет открывающий и закрывающий теги. В него вложен элемент <p> со своим содержимым.

3.   Элемент <html> описывает весь html документ. Имеет открывающий и закрывающий теги. В него вложены уже два элемента <body> и <p>.


Не забывайте закрывающий тег

Большинство браузеров корректно отобразят ваш код html, даже если вы забудете поставить закрывающий тег. Однако, это может привести к ошибкам и непредсказуемым результатам.

Внимание! Будущие версии HTML не позволяют забывать закрывающие теги.


Пустые HTML элементы

HTML элементы без содержимого называются пустыми элементами. Пустые элементы состоят из одного тега.

<br> — это пустой элемент, не имеющий закрывающего тега (он используется для отображения горизонтальной черты).

В XHTML, XML и будущих версиях HTML все элементы должны быть закрыты. Чтобы сделать это, вам достаточно добавить наклонную черту через пробел после названия тега — <br />. Это хорошая привычка, которая пригодится в будущем.


Нижний регистр!

HTML теги не чувствительны к регистру: <P> значит то же, что и <p>. Многие сайты используют заглавные буквы при написании html кода.

Однако, лучше использовать строчные буквы, потому что Консорциум Всемирной Паутины рекомендует строчные буквы в HTML 4 и будет требовать это в будущих версиях (X)HTML.



Понравилась запись? Сказать "Спасибо" очень просто, поделитесь записью в социальных сетях!


назад вперед

СТАТИСТИКА




ССЫЛКИ


Подпишись на новости сайта