Различия

Показаны различия между двумя версиями страницы.

--- software:development:ps_pycharm:html5:html5 [2023/08/05 22:49] – создано - внешнее изменение 127.0.0.1
+++ software:development:ps_pycharm:html5:html5 [2024/02/04 11:28] (текущий) – vladpolskiy
@@ Строка 1: / Строка 1: @@
-======JetBrains PyCharm Professional 2021.3======
+{{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]]
-Если вы работаете с языком программирования Python, без хорошей среды разработки не обойтись. К счастью, существует полностью бесплатный и максимально профессиональный набор программного обеспечения от JetBrains.
+=====Основы HTML=====
-\\
+HTML — теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных. В этом случае обычно не указывается закрывающий тег (например, тег переноса строки <br> — одиночный и закрывать его не нужно) . Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, атрибут href=" у ссылки). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:
-{{:software:development:ps_pycharm:pycharm_1.png?600|}}
-=====Описание программы=====
-**Помощь при написании кода**
-\\
-PyCharm делает разработку максимально продуктивной благодаря функциям автодополнения и анализа кода, мгновенной подсветке ошибок и быстрым исправлениям. Автоматические рефакторинги помогают эффективно редактировать код, а удобная навигация позволяет мгновенно перемещаться по проекту.
-\\
-**Встроенные инструменты для разработчиков**
-\\
-PyCharm предлагает большой набор инструментов из коробки: встроенный отладчик и инструмент запуска тестов, профилировщик Python, полнофункциональный встроенный терминал, инструменты для работы с базами данных. IDE интегрирована с популярными системами контроля версий, содержит встроенный SSH-терминал, поддерживает возможности удаленной разработки и удаленные интерпретаторы, а также интеграцию с Docker и Vagrant.
-\\
-**Веб-разработка**
-\\
-PyCharm предоставляет полноценную поддержку разных веб-фреймворков и платформ для разработки на Python, поддерживает темплейтные языки этих фреймворков, а также JavaScript, CoffeeScript, TypeScript, HTML/CSS, AngularJS, Node.js и многие другие.
-\\
-**Инструменты для научных вычислений**
-\\
-С PyCharm вы сможете работать с ноутбуками Jupyter, запускать команды в интерактивной консоли Python, подключать библиотеки Anaconda, а также работать с другими библиотеками для научных вычислений и анализа данных, включая Matplotlib и NumPy.
-\\
-**Настраиваемая кросс-платформенная IDE**
-\\
-PyCharm можно установить на Windows, macOS и Linux с помощью одного лицензионного ключа. Настройте рабочую среду так, как вам нравится: выберите подходящую цветовую схему и удобные сочетания клавиш, включите режим эмуляции VIM.
-=====Установка=====
-  - 1. Скачайте исполняемый файл. Последний доступен по прямой ссылке в самом конце странички. После того как архив будет получен, производим распаковку.
-{{:software:development:ps_pycharm:pycharm_3.png?600|}}
-  - 2. Запускаем процесс инсталляции, переходим от этапа к этапу и таким образом завершаем установку. Обратите внимание: очень важно установить флажок автоматического добавления окружения в переменную среды.
-{{:software:development:ps_pycharm:pycharm_2.png?600|}}
-  - 3. Для windows : Копируйте архив fineagent.jar в корень диска C
-{{:software:development:ps_pycharm:pycharm_4.png?600|}}
-  - 4. Перейдите в директорию установки продукта JetBrains (  C:\Program Files\JetBrains\PyCharm 2021.3\bin ), найдите файл с расширением *.exe.vmoptions ( pycharm64.exe.vmoptions ), откройте в Notepad++ и в конце добавьте строку ( -javaagent:c:/fineagent.jar ) и потом сохраните
-{{:software:development:ps_pycharm:pycharm_5.png?600|}}
-  - 5. откройте JetBrains и скопируйте код в окно "Код активации" и он станет Активный
-<code>5AYV1D1RE5-eyJsaWNlbnNlSWQiOiI1QVlWMUQxUkU1IiwibGljZW5zZWVOYW1lIjoiaHR0cHM6Ly93d3cuaml3ZWljaGVuZ3podS5jb20iLCJhc3NpZ25lZU5hbWUiOiIiLCJhc3NpZ25lZUVtYWlsIjoiIiwibGljZW5zZVJlc3RyaWN0aW9uIjoiIiwiY2hlY2tDb25jdXJyZW50VXNlIjpmYWxzZSwicHJvZHVjdHMiOlt7ImNvZGUiOiJJSSIsImZhbGxiYWNrRGF0ZSI6IjIwOTktMTItMzEiLCJwYWlkVXBUbyI6IjIwOTktMTItMzEifSx7ImNvZGUiOiJBQyIsImZhbGxiYWNrRGF0ZSI6IjIwOTktMTItMzEiLCJwYWlkVXBUbyI6IjIwOTktMTItMzEifSx7ImNvZGUiOiJEUE4iLCJmYWxsYmFja0RhdGUiOiIyMDk5LTEyLTMxIiwicGFpZFVwVG8iOiIyMDk5LTEyLTMxIn0seyJjb2RlIjoiUFMiLCJmYWxsYmFja0RhdGUiOiIyMDk5LTEyLTMxIiwicGFpZFVwVG8iOiIyMDk5LTEyLTMxIn0seyJjb2RlIjoiR08iLCJmYWxsYmFja0RhdGUiOiIyMDk5LTEyLTMxIiwicGFpZFVwVG8iOiIyMDk5LTEyLTMxIn0seyJjb2RlIjoiRE0iLCJmYWxsYmFja0RhdGUiOiIyMDk5LTEyLTMxIiwicGFpZFVwVG8iOiIyMDk5LTEyLTMxIn0seyJjb2RlIjoiQ0wiLCJmYWxsYmFja0RhdGUiOiIyMDk5LTEyLTMxIiwicGFpZFVwVG8iOiIyMDk5LTEyLTMxIn0seyJjb2RlIjoiUlMwIiwiZmFsbGJhY2tEYXRlIjoiMjA5OS0xMi0zMSIsInBhaWRVcFRvIjoiMjA5OS0xMi0zMSJ9LHsiY29kZSI6IlJDIiwiZmFsbGJhY2tEYXRlIjoiMjA5OS0xMi0zMSIsInBhaWRVcFRvIjoiMjA5OS0xMi0zMSJ9LHsiY29kZSI6IlJEIiwiZmFsbGJhY2tEYXRlIjoiMjA5OS0xMi0zMSIsInBhaWRVcFRvIjoiMjA5OS0xMi0zMSJ9LHsiY29kZSI6IlBDIiwiZmFsbGJhY2tEYXRlIjoiMjA5OS0xMi0zMSIsInBhaWRVcFRvIjoiMjA5OS0xMi0zMSJ9LHsiY29kZSI6IlJNIiwiZmFsbGJhY2tEYXRlIjoiMjA5OS0xMi0zMSIsInBhaWRVcFRvIjoiMjA5OS0xMi0zMSJ9LHsiY29kZSI6IldTIiwiZmFsbGJhY2tEYXRlIjoiMjA5OS0xMi0zMSIsInBhaWRVcFRvIjoiMjA5OS0xMi0zMSJ9LHsiY29kZSI6IkRCIiwiZmFsbGJhY2tEYXRlIjoiMjA5OS0xMi0zMSIsInBhaWRVcFRvIjoiMjA5OS0xMi0zMSJ9LHsiY29kZSI6IkRDIiwiZmFsbGJhY2tEYXRlIjoiMjA5OS0xMi0zMSIsInBhaWRVcFRvIjoiMjA5OS0xMi0zMSJ9LHsiY29kZSI6IlJTVSIsImZhbGxiYWNrRGF0ZSI6IjIwOTktMTItMzEiLCJwYWlkVXBUbyI6IjIwOTktMTItMzEifV0sImhhc2giOiIxMjc5Njg3Ny8wIiwiZ3JhY2VQZXJpb2REYXlzIjo3LCJhdXRvUHJvbG9uZ2F0ZWQiOmZhbHNlLCJpc0F1dG9Qcm9sb25nYXRlZCI6ZmFsc2V9-HNPogO0kWkHCVMnsjmBXUqQt87UPHqdkYqZGveSJtu8hb2V2Yq7gHsHenp4UuEd3jwEwC+YrUIf7U5yDA/56F5Sdn0RLUHZX5DHeQbJPbmYCBsDRT7m8rnmMFOSZn3vwNatvv1cooZbcGOk3Wwxx6bF7XcgaIrmXRcmZMZgv2PZehr0WS1HxNKe3X4nbGP3MwiSbg4ypmxNDrljmgv+Si9QDDwNLDffqeO0Lce0FqEJuMWmvBS42S0aeIYF8IS5bp4+LFKLJ8T7tF40OxKYDurBb9+9c43GZBscM/eLB8Jos66jNGFwgebFUlvhzJKVHZtuc/N8zGeEnTq6K0T/B8w==-MIIDTjCCAjagAwIBAgIBDTANBgkqhkiG9w0BAQsFADAYMRYwFAYDVQQDDA1KZXRQcm9maWxlIENBMCAXDTE4MTEwMTEyMjk0NloYDzIwOTkwODA5MDIyNjA3WjAfMR0wGwYDVQQDDBRwcm9kMnktZnJvbS0yMDIwMTAxOTCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBAMK3eyr0+Oys/TwcQO+qYaXWGBmXcEP4fR0bHHzZd/4WNGltXhecM80OWthA38BQRYAJBCKz/dSkO2Kj1H2y+7KB5cIaOiJEyTESfTSgzQdot6laRBU8oxy9mmagI46M8zEEmplPybY4YJj4HOwZiBsMQEMxoTgMDLpuHX6uASoVhSj6koB55lOj4wEgsQBeAMWTAXmTl88ixE179J8aBUkBGpL8w/tZzl9BJXZNF15gPfkS58rw8cdPzXLS0Yym37A2/KKFhfHzJc5KhbaxqYzmkAfTMqPsIqCQ1lQUAqfiPn2gN2I1Z3/cQuEW27M55fXVr2DduQe5DWzYJs85L50CAwEAAaOBmTCBljAJBgNVHRMEAjAAMB0GA1UdDgQWBBQk2hEilvWFQcCTR+gxI0z0wIQC/zBIBgNVHSMEQTA/gBSjnrZIZ0ISNkG9beC5tKBSi5fxs6EcpBowGDEWMBQGA1UEAwwNSmV0UHJvZmlsZSBDQYIJANJssYOyg3nhMBMGA1UdJQQMMAoGCCsGAQUFBwMBMAsGA1UdDwQEAwIFoDANBgkqhkiG9w0BAQsFAAOCAQEAsCQBjO5wttco/Z5cj/o4GBrku8UtBBBVFq4xsBanshTHm4deVxcTvta4aScV0TPKcaLqGqWx8A9v8XXO8dBbCuyXvWZteZ/C2Covg1xXiM99lz7VxqpjVmLdKanZn5u0gQSiYJdcfF+TdbmEIeSOnN/kLXNq2hXdJQK2zk2J25UZqu5EibRtTbdOzw6ZcfwJ8uOntXfsmAhnNICP3Wf/4wR/mwB0Ka4S+JA3IbF5MUmUZ/fjUaFarnin70us+Vxf/sZUi7u67wilvwVV0NAqDpthHUV0NRc4q+yOr2Dt/uCHdy4XRXLJfAv/z9/xBwNZZALNz3EtQL6IeIWWJByl3g==</code>
-{{:software:development:ps_pycharm:pycharm_6.png?600|}}
+  * ''<strong>Текст между двумя тегами — открывающим и закрывающим.</strong>''
+  * ''<a href="http://www.example.com">Здесь элемент содержит атрибут href, то есть гиперссылку.</a>''
+  * ''А вот пример пустого элемента: <br>''
+Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет (в отличие от XHTML).
-\\
+=====HTML-элементы=====
-<color #22b14c>если необходимо, то заблокируйте хост (хотя проблем не должно быть)</color>
+Элементы HTML являются строительными блоками HTML страниц. С помощью HTML разные конструкции, изображения и другие объекты, такие как интерактивная веб-форма, могут быть встроены в отображаемую страницу. HTML предоставляет средства для создания заголовков, абзацев, списков, ссылок, цитат и других элементов. Элементы HTML выделяются тегами, записанными с использованием угловых скобок. Такие теги, как <img /> и <input />, напрямую вводят контент на страницу. Другие теги, такие как <p>, окружают и оформляют текст внутри себя и могут включать другие теги в качестве подэлементов. Браузеры не отображают HTML-теги, но используют их для интерпретации содержимого страницы.
-\\
-  * 127.0.0.1 account.jetbrains.com
-  * 127.0.0.1 www.jetbrains.com
-  * 127.0.0.1 www-weighted.jetbrains.com
-  * 127.0.0.1 repo.idechajian.com
-  * 127.0.0.1 bs.studycoder.com
-  * 127.0.0.1 bi.studycoder.com
-  * 127.0.0.1 *.studycoder.com
-  - 6. Теперь можно работать с приложением. Создавайте свой первый проект, настраивайте рабочее окружение и пишите код на Python подобный тому, который показан на прикрепленном ниже скриншоте.
-{{:software:development:ps_pycharm:pycharm_7.png?600|}}
-=====Достоинства и недостатки=====
-Переходим к обзору сильных и слабых сторон PyCharm от JetBrains.
-Плюсы:
+<file html index.html>
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>Документ HTML5</title>
+        <link rel="stylesheet" type="text/css" href="style.css">
+        <script src="script.js"></script>
+    </head>
+    <body>
+        <div>Содержание документа HTML5</div>
+    </body>
+</html>
+</file>
-  - симпатичный пользовательский интерфейс;
-  - красивая подсветка кода;
-  - наличие подсказок;
-  - широчайший набор возможностей.
-Минусы:
-  - отсутствие перевода на русский язык.
+{{tablelayout?colwidth="200px"}}
-\\
-=====Файлы для загрузки=====
-\\
+^  Структура HTML -документа                                                                                                                                                                                                                                                              ||
-<WRAP left round download >
+| Элемент                                |  Описание                                                                                                                                                                                                                                       |
-{{ :software:development:ps_pycharm:jetbrains_pycharm_professional_2021.3.rar |PyCharm Professional 2021.3}}
+| ''%% <!DOCTYPE html> %%''              | Объявление формата документа (это документ html с использованием HTML5)                                                                                                                                                                         |
-</WRAP>
+| ''%% <html> %%''  ''%% </html> %%''    | Является корневым элементом документа (между <html> и </html> находиться все содержимое документа, выводимое в окне браузера)                                                                                                                   |
+| ''%% <head> %%''  ''%% </head> %%''    | Техническая информация о документе (заголовок, описание, кодировку и т.д.). Введенная  информация не отображается в браузере, но содержит данные, указывающие браузеру, как обрабатывать страницу.                                              |
+| ''%% <title> %%''  ''%% </title> %%''  | Наименование документа, которое отображается в строке заголовка веб-браузера                                                                                                                                                                    |
+| ''%% <meta> %%''                       | Определяет метаинформацию страницы. В данном случае с помощью атрибута charset="utf-8" указываем кодировку utf-8.                                                                                                                               |
+| ''%% <style> %%''                      | Задает стили, которые используются на странице. Для задания стилей в HTML-документе используется язык CSS.                                                                                                                                      |
+| ''%% <link> %%''                       | Определяет взаимосвязь между текущей страницей и другими документами.                                                                                                                                                                           |
+| ''%% <script> %%''                     | Позволяет присоединять к документу различные сценарии. Текст сценария может располагаться либо внутри этого элемента, либо во внешнем файле. Если текст сценария расположен во внешнем файле, то он подключается с помощью атрибутов элемента.  |
+| ''%% <body> %%''                       | Предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>                                              |
+| ''%% <div> %%''                        | Блок, предназначенный для группировки контента.                                                                                                                                                                                                 |
+<details>
+<summary>Элемент <meta></summary>
+<code>
+<meta name="description" content="Описание содержимого страницы">
+<meta name="keywords" content="Ключевые слова через запятую">
+</code>
+<code>
+<meta name="description" lang="ru" content="Описание содержимого страницы на русском">
+<meta name="description" lang="en" content="Description">
+<meta name="keywords" lang="ru" content="Ключевые слова через запятую">
+<meta name="keywords" lang="en" content="Keywords">
+</code>
+  * **Поисковые машины**
+Индексация и переход по ссылкам разрешены:
+<code>
+<meta name="robots" content="index, follow">
+</code>
+Индексация разрешена, переход по ссылкам запрещен:
+<code>
+<meta name="robots" content="index, nofollow">
+</code>
+Индексация и переход по ссылкам запрещены:
+<code>
+<meta name="robots" content="noindex, nofollow">
+</code>
+я автоматической перезагрузки страницы через заданный промежуток времени (например, через 30 секунд) нужно воспользоваться значением refresh:
+<code>
+<meta http-equiv="refresh" content="30">
+</code>
+Чтобы перебросить посетителя на другую страницу, нужно указать URL-адрес в параметре url:
+<code>
+<meta http-equiv="refresh" content="0; url=http://yandex.ru/">
+</code>
+{{tablelayout?colwidth="200px"}}
+^   ^   ^
+| charset  | Указывает кодировку символов для текущего HTML-документа: <meta charset="UTF-8"> |
+| content  | Содержит произвольный текст, который определяет значение, ассоциируемое с атрибутом http-equiv или name, в зависимости от их значения. |
+| http-equiv  | Контролирует действия браузера на данной веб-странице (эквивалент HTTP заголовков). При отображении страницы браузер будет следовать инструкциям, заданным в атрибуте: default-style указывает предпочтительный стиль для использования на странице. Атрибут content должен содержать идентификатор элемента <link>, который ссылается на таблицу стилей CSS, или идентификатор элемента <style>, содержащего таблицу стилей. refresh указывает время в секундах до перезагрузки страницы или время до перенаправления на другую страницу, если в атрибуте content после указания времени идет строка "url=адрес_страницы". Автоматическая перезагрузка страницы через заданный промежуток времени, в данном примере, через 30 секунд:<meta http-equiv="refresh" content="30"> Если необходимо сразу перебросить посетителя на другую страницу, то можно указать URL-адрес в параметре url: <meta http-equiv="refresh" content="0; url=http://mail.ru/"> |
+| name  | Ассоциируется со значением, содержащемся в атрибуте content. Не должен использоваться в случае, если для элемента уже заданы атрибуты http-equiv, charset или itemprop. application-name указывает название веб-приложения, используемого на странице. author указывает имя автора документа в свободном формате. description определяет краткое описание к содержимому страницы, например: <meta name="description" content="Описание содержимого страницы"> generator указывает один из пакетов программного обеспечения, используемого для создания документа, например: <meta name="generator" content="WordPress 4.0">. keywords содержит список ключевых слов, разделенных запятыми, соответствующих содержимому страницы, например: <meta name="keywords" content="Ключевые слова через запятую">. Также атрибут name может принимать следующие значения из расширенной спецификации, такие как creator, googlebot, publisher, robots, slurp, viewport, хотя ни одно из них еще не было официально принято. |
+</details>
+=====HTML-атрибуты1.3=====
+=====HTML-текст1.4=====
+Элементы для заголовков
+Элементы для форматирования текста
+Элементы для ввода «компьютерного» текста
+Элементы для оформления цитат и определений
+Абзацы, средства переноса текста
+=====HTML-ссылки1.5=====
+Структура ссылки
+Абсолютный и относительный путь
+Якорь
+Как сделать изображение-ссылку
+Как сделать ссылку на телефонный номер, скайп или адрес электронной почты
+Атрибуты ссылок
+=====HTML-изображения1.6=====
+Элемент <img>
+Адрес изображения
+Размеры изображения
+Форматы графических файлов
+Элемент <map>
+Элемент <area>
+Пример создания карты-изображения
+=====HTML-таблицы1.7=====
+Как создать таблицу
+Как создать строки (ряды) таблицы
+Как сделать ячейку заголовка столбца таблицы
+Как сделать ячейку тела таблицы
+Как добавить подпись (заголовок) к таблице
+Группирование строк и столбцов таблицы <colgroup> и <col>
+Группировка разделов таблицы <thead>, <tbody> и <tfoot>
+Как объединить ячейки таблицы
+Атрибуты элементов таблицы
+Пример создания таблицы
+=====HTML-списки1.8=====
+Маркированный список <ul>
+Нумерованный список <ol>
+Список определений <dl>
+Вложенный список
+Многоуровневый нумерованный список
+=====Спецсимволы HTML1.9=====
+Полезные знаки и символы
+Знаки пунктуации
+Стрелки
+Карточные масти
+Деньги
+Знаки зодиака
+=====HTML-генераторы=====
+<code>
+<details>
+<summary>Summary Text</summary>
+Details Text
+</details>
+</code>
+<details>
+<summary>Summary Text</summary>
+Details Text
+</details>
+=====Семантические элементы HTML51.11=====
+=====Элемент документа1.11.1=====
+=====Метаданные документа1.11.2=====
+Элемент <head>
+Элемент <title>
+Элемент <base>
+Элемент <link>
+Элемент <meta>
+Элемент <style>
+=====Разделы документа1.11.3=====
+Элемент <body>
+Элемент <article>
+Элемент <section>
+Элемент <nav>
+Элемент <aside>
+Элементы <h1>, <h2>, <h3>, <h4>, <h5> и <h6>
+Элемент <header>
+Элемент <footer>
+=====Группировка содержимого1.11.4=====
+Элемент <p>
+Элемент <address>
+Элемент <hr>
+Элемент <pre>
+Элемент <blockquote>
+Элемент <ol>
+Элемент <ul>
+Элемент <li>
+Элемент <dl>
+Элемент <dt>
+Элемент <dd>
+Элемент <figure>
+Элемент <figcaption>
+Элемент <main>
+Элемент <div>
+=====Семантика уровня текста1.11.5=====
+Элемент <a>
+Элемент <em>
+Элемент <strong>
+Элемент <small>
+Элемент <s>
+Элемент <cite>
+Элемент <q>
+Элемент <dfn>
+Элемент <abbr>
+Элемент <ruby>
+Элемент <rb>
+Элемент <rt>
+Элемент <rtc>
+Элемент <rp>
+Элемент <data>
+Элемент <time>
+Элемент <code>
+Элемент <var>
+Элемент <samp>
+Элемент <kbd>
+Элементы <sub> и <sup>
+Элемент <i>
+Элемент <b>
+Элемент <u>
+Элемент <mark>
+Элемент <bdi>
+Элемент <bdo>
+Элемент <span>
+Элемент <br>
+Элемент <wbr>
+=====Правки документа1.11.6=====
+Элемент <ins>
+Элемент <del>
+Атрибуты, общие для элементов <ins> и <del>
+=====Встраиваемое содержимое1.11.7=====
+Элемент <picture>
+Элемент <source>
+Элемент <img>
+Элемент <iframe>
+Элемент <embed>
+Элемент <object>
+Элемент <param>
+Элемент <video>
+Элемент <audio>
+Элемент <track>
+Элемент <map>
+Элемент <area>
+=====Ссылки1.11.8=====
+Ссылки, созданные элементами <a> и <area>
+Типы ссылок
+Примеры ссылок
+=====Табличные данные1.11.9=====
+Элемент <table>
+Элемент <caption>
+Элемент <colgroup>
+Элемент <col>
+Элемент <tbody>
+Элемент <thead>
+Элемент <tfoot>
+Элемент <tr>
+Элемент <td>
+Элемент <th>
+=====Формы1.11.10=====
+Элемент <form>
+Элемент <label>
+Элемент <input>
+Элемент <button>
+Элемент <select>
+Элемент <datalist>
+Элемент <optgroup>
+Элемент <option>
+Элемент <textarea>
+Элемент <output>
+Элемент <progress>
+Элемент <meter>
+Элемент <fieldset>
+Элемент <legend>
+Атрибут autocomplete
+=====Интерактивные элементы1.11.11=====
+Элемент <details>
+Элемент <summary>
+Элемент <dialog>
+Скрипты1.11.12
+Элемент <script>
+Элемент <noscript>
+Элемент <template>
+Элемент <slot>
+Элемент <canvas>
+====HTML5-аудио1.12====
+Элемент <audio>
+Аудио кодеки
+Альтернативные медиа-ресурсы <source>
+Добавление субтитров и заголовков <track>
+Стилизованный пример аудио плеера
+====HTML5-видео1.13====
+Элемент <video>
+Встраиваемый интерактивный контент <embed>
+Видеокодеки
+Видеоконтейнеры
+Альтернативные медиа-ресурсы <source>
+Добавление субтитров и заголовков <track>
+Пример: размещаем видео на сайте
+Видеоконвертеры
+Необязательные теги HTML5-разметки1.14
+=====HTML5-формы1.15=====
+Элемент <form>
+Группировка элементов формы <fieldset>
+Создание полей формы <input>
+Текстовые поля ввода <textarea>
+Раскрывающийся список <select>
+Надписи к полям формы <label>
+Кнопки <button>
+Флажки и переключатели в формах
+=====Контентная модель HTML51.16=====
+Мета содержимое
+Потоковое содержимое
+Секционное содержимое
+Заголовочное содержимое
+Текстовое содержимое
+Встроенное содержимое
+Интерактивное содержимое
+Явное содержимое
+Элементы, поддерживающие скрипт
+Корневое секционное содержимое
+Прозрачная модель содержимого
 \\
+:!: Read the [[wiki:syntax#embedding_html_and_php|syntax]] page((This section has been removed from the page and is only accessible through the page history.)) again: //"You can embed raw HTML code into your documents by using the HTML tags."//
+So to embed HTML you need to enclose the HTML with ''%%<html></html>%%'' (for inline HTML) or ''%%<HTML></HTML>%%'' (for block HTML). A little example: <del>The [[:wiki:syntax#embedding_html_and_php|above syntax page]] has examples of what block vs inline look like.</del>((This section has been removed from the page and is only accessible through the page history.))
+  <html><strong>This is my bold text</strong></html>