{{description>Основы HTML HTML-элементы}}
======Руководство по HTML5======
{{:software:development:ps_pycharm:html5:html_original_logo_icon.png?100 |}}HTML — «язык гипертекстовой разметки» — стандартизированный язык гипертекстовой разметки документов для просмотра веб-страниц в браузере. Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора. В HTML можно встроить программный код на языке программирования JavaScript, для управления поведением и содержанием веб-страниц. Также включение CSS в HTML позволяет задавать внешний вид и макет страницы.[[https://ru.wikipedia.org/wiki/HTML|Wikipedia]]
=====Основы HTML=====
HTML — теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных. В этом случае обычно не указывается закрывающий тег (например, тег переноса строки — одиночный и закрывать его не нужно) . Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, атрибут href=" у ссылки). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:
* ''Текст между двумя тегами — открывающим и закрывающим.''
* ''Здесь элемент содержит атрибут href, то есть гиперссылку.''
* ''А вот пример пустого элемента: ''
Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет (в отличие от XHTML).
=====HTML-элементы=====
Элементы HTML являются строительными блоками HTML страниц. С помощью HTML разные конструкции, изображения и другие объекты, такие как интерактивная веб-форма, могут быть встроены в отображаемую страницу. HTML предоставляет средства для создания заголовков, абзацев, списков, ссылок, цитат и других элементов. Элементы HTML выделяются тегами, записанными с использованием угловых скобок. Такие теги, как и , напрямую вводят контент на страницу. Другие теги, такие как
, окружают и оформляют текст внутри себя и могут включать другие теги в качестве подэлементов. Браузеры не отображают HTML-теги, но используют их для интерпретации содержимого страницы.
Документ HTML5
Содержание документа HTML5
{{tablelayout?colwidth="200px"}}
^ Структура HTML -документа ||
| Элемент | Описание |
| ''%% %%'' | Объявление формата документа (это документ html с использованием HTML5) |
| ''%% %%'' ''%% %%'' | Является корневым элементом документа (между и находиться все содержимое документа, выводимое в окне браузера) |
| ''%%
%%'' ''%% %%'' | Техническая информация о документе (заголовок, описание, кодировку и т.д.). Введенная информация не отображается в браузере, но содержит данные, указывающие браузеру, как обрабатывать страницу. |
| ''%% %%'' ''%% %%'' | Наименование документа, которое отображается в строке заголовка веб-браузера |
| ''%% %%'' | Определяет метаинформацию страницы. В данном случае с помощью атрибута charset="utf-8" указываем кодировку utf-8. |
| ''%%