Предыдущая версия справа и слеваПредыдущая версияСледующая версия | Предыдущая версия |
software:development:ps_pycharm:html5:html5 [2023/08/11 00:35] – [Основы HTML] vladpolskiy | software:development:ps_pycharm:html5:html5 [2024/02/04 11:28] (текущий) – vladpolskiy |
---|
| {{description>Основы HTML HTML-элементы}} |
======Руководство по HTML5====== | ======Руководство по 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]] | {{: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]] |
* ''А вот пример пустого элемента: <br>'' | * ''А вот пример пустого элемента: <br>'' |
Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет (в отличие от XHTML). | Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет (в отличие от XHTML). |
| |
| =====HTML-элементы===== |
| Элементы HTML являются строительными блоками HTML страниц. С помощью HTML разные конструкции, изображения и другие объекты, такие как интерактивная веб-форма, могут быть встроены в отображаемую страницу. HTML предоставляет средства для создания заголовков, абзацев, списков, ссылок, цитат и других элементов. Элементы HTML выделяются тегами, записанными с использованием угловых скобок. Такие теги, как <img /> и <input />, напрямую вводят контент на страницу. Другие теги, такие как <p>, окружают и оформляют текст внутри себя и могут включать другие теги в качестве подэлементов. Браузеры не отображают HTML-теги, но используют их для интерпретации содержимого страницы. |
| |
<file html index.html> | <file html index.html> |
<!DOCTYPE html> | <!DOCTYPE html> |
| |
| |
| <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, хотя ни одно из них еще не было официально принято. | |
| |
| |
=====HTML-элементы===== | |
Элементы HTML являются строительными блоками HTML страниц. С помощью HTML разные конструкции, изображения и другие объекты, такие как интерактивная веб-форма, могут быть встроены в отображаемую страницу. HTML предоставляет средства для создания заголовков, абзацев, списков, ссылок, цитат и других элементов. Элементы HTML выделяются тегами, записанными с использованием угловых скобок. Такие теги, как <img /> и <input />, напрямую вводят контент на страницу. Другие теги, такие как <p>, окружают и оформляют текст внутри себя и могут включать другие теги в качестве подэлементов. Браузеры не отображают HTML-теги, но используют их для интерпретации содержимого страницы. | |
| |
| </details> |
=====HTML-атрибуты1.3===== | =====HTML-атрибуты1.3===== |
=====HTML-текст1.4===== | =====HTML-текст1.4===== |
Деньги | Деньги |
Знаки зодиака | Знаки зодиака |
=====HTML-генераторы1.10===== | =====HTML-генераторы===== |
| <code> |
| <details> |
| <summary>Summary Text</summary> |
| Details Text |
| </details> |
| </code> |
| |
| |
| <details> |
| <summary>Summary Text</summary> |
| Details Text |
| </details> |
=====Семантические элементы HTML51.11===== | =====Семантические элементы HTML51.11===== |
=====Элемент документа1.11.1===== | =====Элемент документа1.11.1===== |