Инструменты пользователя

Инструменты сайта


software:development:ps_pycharm:html5:html5

Различия

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

Ссылка на это сравнение

Следующая версия
Предыдущая версия
software:development:ps_pycharm:html5:html5 [2023/08/05 22:49] – создано - внешнее изменение 127.0.0.1software: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>
 +
  
software/development/ps_pycharm/html5/html5.1691264967.txt.gz · Последнее изменение: 127.0.0.1