HTML HTML5 XHTML ПРИМЕРЫ СПРАВОЧНИК РЕКЛАМА ГОСТЕВАЯ

HTML Урок 5 Элементы


« Назад Далее »

HTML документы определяются HTML элементами.


HTML Элементы

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

Начальный тег * Содержимое элемента Конечный тег *
<p> Это параграф </p>
<a href="default.php" > Это ссылка </a>
<br />    

* Начальный тег часто называют открывающим тегом. Конечный тег часто называют закрывающим тегом.


HTML Синтаксис Элемента

  • HTML элемент начинается с начального / открывающего тега
  • HTML элемент заканчивается конечным / закрывающим тегом
  • Содержимое элемента всегда находится между начальным и конечным тегами
  • Некоторые HTML элементы имеют пустое содержимое
  • Пустые элементы закрываются в начальном теге
  • Большинство HTML элементов могут иметь аттрибуты

Подсказка: Вы узнаете об аттрибутах в следующем Уроке HTML данного учебного курса.


Вложенные HTML Элементы

Большинство HTML элементов могут быть вложенными (могут содержать другие HTML элементы).

HTML документы состоят из вложенных HTML элементов.


HTML Документ Пример

<html>

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

</html>

Этот пример выше содержит 3 HTML элемента.


HTML Разбор Примера

<p> элемент:

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

<p> элемент определяет параграф в HTML документе.
Этот элемент имеет гачальный тег <p> и конечный тег </p>.
Содержимое элемента : Это мой первый параграф.

<body> элемент:

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

<body> элемент определяет тело HTML.
Элемент имеет начальный тег <body> и конечный тег </body>.
Содержимое элемента - другой HTML элемент (p).

<html> элемент:

<html>

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

</html>

<html> элемент определяет целый HTML документ.
Элемент имеет начальный тег <html> и конечный тег </html>.
Содержимое элемента - другой HTML элемент (body).


Не Забывайте про Конечный Тег

Некоторые HTML элементы могут отображаться корректно даже если вы забыли про конечный тег:

<p>Это параграф
<p>Это параграф

Пример выше работает в большинстве браузеров, так как закрывающий тег является необязательным.

Никогда не полагайтесь на это Многие HTML элементы приведут к непредвиденным результатам и/или ошибкам если вы забудете про конечный тег .


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

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

<br> - это пустой элемент без закрывающего тега (<br> тег определяет переход на новую строку).

Подсказка: В XHTML, все элементы должны быть закрыты. Добавление слэша внутри стартового тега, например <br />, - это корректный способ закрытия пустых элементов в XHTML (и XML).


HTML Подсказка: Используйте Теги в Нижнем Регистре

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

Уроки HTML используют строчные теги, т.к. Всемирный Интернет Консорциум (World Wide Web Consortium, сокращенно W3C) рекомендует использовать нижний регистр в HTML 4, и требует строчные теги в XHTML.




« Назад Далее »
© 2011-2017 Уроки HTML
Рейтинг@Mail.ru