HTML Обучалка.

Что обозначает HTML

HTML это язык разметки. С его помощью браузер знает как отобразить веб-страницу. HTML отделяет "контент" (слова, изображения, аудио, видео и т.д.) от "представления" (определения типа контента и правила как должен отображаться контент такого типа). HTML использует предопределённый набор 'элементов. Элементы могут либо иметь вложенную структуру и содержать другие элементы, либо содержать контент. Элементы определяются "тегами" которые всегда окружены угловыми скобками. Большинство тегов идёт парами - открывающий и закрывающий теги, и закрывающий всегда имеет слэш-символ перед именем тега.

Например, элемент параграф состоит из открывающего тега "<p>" и закрывающего тега "</p>". Следующий пример показывает параграф заключённый внутри HTML-элемента параграф:

<p>You are beginning to learn HTML.</p>
Содержимое этого примера отобразится в веб браузере следующим образом:

OPEN IN CODEPEN OPEN IN JSFIDDLE

Браузер использует теги как индикаторы, которые указывают как отображать содержимое тегов.

Элементы, которые содержат контент, обычно могут заключать в себя и другие элементы. Например, элемент выделения "<em>" (обычно отображается курсивом с целью выделить текст из общего потока), может быть встроенным в элемент параграф "<p>", чтобы выделить отдельное слово или фразу:

<p>You are <em>beginning </em> to learn HTML.</p>
В веб-браузере это будет выглядеть следующим образом:

OPEN IN CODEPEN OPEN IN JSFIDDLE

Некоторые элементы не содержат других элементов. Например, в теге изображения ("<img>") в аттрибуте указывается имя файла содержащего изображение:

<img src="smileyface.jpg" >
Часто символ слэш ставится перед закрывающей угловой скобкой если элемент пустой, чтобы обозначить закрывающий тег в XHTML (это XML схема, которая реализует элементы HTML).

Оставшаяся часть статьи содержит более подробную информацию приведённую в этой секции. Если Вам хочется увидеть HTML в действии, перейдите в Mozilla Thimble. Mozilla Thimble это интерактивный онлайн редактор, который поможет Вам изучить HTML. Также Вы можете просмотреть список доступных HTML Элементов, их описание и принцип действия