Структура HTML

Прежде чем начать знакомство с HTML очень важно чтобы вы понимали его структуру. HTML - язык разметки и вы можете использовать его для того чтобы размечать различные части вашего контента - примерно так же, как вы используете текстовыделитель на бумажных документах.

HTML Elements

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

<p>This paragraph is part of my content</p>

Здесь у нас есть предложение («Этот абзац является частью моего содержания»)// ("This paragraph is part of mu content"), которое было помещено между <p> и </p>. <p> и </p> называются тегами. Каждый тег состоит из <, аббревиатуры, и >. В этом случае p является аббревиатурой для абзаца. В сочетании, <p> и </p> теги создают элемент. Каждый HTML-элемент начинается с открывающего тега (в данном случае это <p>), а большинство имеет закрывающий тег (это </p>) Внутри открывающего и закрывающего тега вашего элемента находится фактический контент.

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

Большинство HTML элементов выглядят так <p></p>, но существует также элементы которые называются пустыми. Перевод строки как раз один из таких, приведём пример:

<br />

Как видите, закрывающий тег отсутствует, и элемент не содержит никакого содержимого, поэтому он называется пустым элементом. Поскольку это пустой элемент, он закрывается в конце тега с помощью символа "/". Однако, вам не обязательно использовать "/" в конце пустого элемента, но это считается хорошей практикой, так что вы можете к этому привыкнуть. (Как я уже говорил, тег состоит из аббревиатуры, и в данном случае br означает разрыв (от англ. break)).

Совет!

Когда браузеры читают ваш документ HTML5, им все равно, пишете ли вы свои теги в верхнем или нижнем регистре. Но для других разработчиков это может быть важно! Несмотря на то, что вы можете написать один и тот же тег разрыва строки разными способами, такими как:

<BR />
<bR />
<Br />
<br />

Рекомендуется писать все ваши теги строчными буквами, это облегчает чтение, и считается хорошим умением писать ваши теги таким образом.

Чему вы научились

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