English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Основной учебник HTML

Медиа HTML

Руководство по HTML

Основной учебник HTML5

API HTML5

Медиа HTML5

Элементы HTML

Документ HTML определяет элементы HTML.

Элементы HTML

Элементы HTML представляют собой все коды от начального тега (start tag) до конечного тега (end tag).

Начальные теги *Содержимое элементаКонечные теги *
<p>Это абзац веб-страницы</p>
<a href="index.html">Это гиперссылка</a>
<br>Тег перевода строки 

*Начальные теги часто называют начальными тегами (opening tag), а конечные теги часто называют заключительными тегами (closing tag).

Грамматика элементов HTML

  • Элементы HTML начинаются с начального тега

  • Элементы HTML заканчиваются конечным тегом

  • Содержимое элемента представляет собой то, что находится между начальным и конечным тегами

  • Некоторые элементы HTML имеют пустое содержимое (пустое содержимое)

  • Пустые элементы закрываются в начале тега (заканчиваются концом тега)

  • Большинство элементов HTML могут иметь атрибуты

Комментарий: Вы узнаете больше о свойствах в следующей главе этого учебника.

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

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

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

Пример документа HTML

<!DOCTYPE html> <html> <body> <p>Это первый абзац.</p> </body> </html>

В приведенных выше примерах содержится три элемента 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-элементы без содержимого называются пустыми элементами. Пустые элементы закрываются в начале тега.

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

В XHTML, XML и будущих версиях HTML все элементы должны быть закрыты.

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

Хотя <br> действует во всех браузерах, использование <br /> обеспечивает лучшую совместимость, рекомендуется использовать тег分行ия <br />.

Совет по HTML: используйте малые символы.

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

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

Рекомендуется использовать lowercase теги в процессе создания веб-страниц.