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

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


html5

Различия

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

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

Следующая версия
Предыдущая версия
html5 [2018/05/06 08:29]
127.0.0.1 внешнее изменение
html5 [2018/11/28 12:06] (текущий)
darkfire [HTML 5]
Строка 1: Строка 1:
-====== HTML 5 ======+====== ​Использование ​HTML 5 ====== 
 + 
 +{{htmlmetatags>​ 
 +metatag-description=(Общие сведения об HTML. Что такое HTML5 и его особенности. Шпаргалка по HTML.) 
 +}} 
 + 
   * [[http://​dev.w3.org/​html5/​spec/​|Спецификация HTML5]]   * [[http://​dev.w3.org/​html5/​spec/​|Спецификация HTML5]]
  
Строка 9: Строка 15:
         * [[nofollow]] - атрибута rel тега [[<​a>​]]         * [[nofollow]] - атрибута rel тега [[<​a>​]]
   * Тег: [[iframe]]   * Тег: [[iframe]]
-  * [[http://​htmlbook.ru/​html/​br|Тег <​br>​]] 
   * Тег: [[noindex]] используется для запрета индексации какой-либо части текста страницы или ее кода.   * Тег: [[noindex]] используется для запрета индексации какой-либо части текста страницы или ее кода.
   * [[Символьные подстановки]]   * [[Символьные подстановки]]
Строка 75: Строка 80:
 </​file>​ </​file>​
  
-====== DOCTYPE html head meta body ======+===== DOCTYPE html head meta body =====
  
   * **Шаблон HTML5**:<​file>​   * **Шаблон HTML5**:<​file>​
Строка 119: Строка 124:
   * **Тело документа - body**. Тело документа представляет собой то, ради чего создается документ - его содержательную часть, то, что увидит конечный пользователь на странице. Здесь происходит разбиение текста страницы на структурные блоки (заголовки и абзацы),​ выполняется вставка изображений,​ таблиц,​ списков и прочих элементов содержания.   * **Тело документа - body**. Тело документа представляет собой то, ради чего создается документ - его содержательную часть, то, что увидит конечный пользователь на странице. Здесь происходит разбиение текста страницы на структурные блоки (заголовки и абзацы),​ выполняется вставка изображений,​ таблиц,​ списков и прочих элементов содержания.
   * **Подвал страницы - [[verstka?&#​footer_podval|footer]]**.   * **Подвал страницы - [[verstka?&#​footer_podval|footer]]**.
-====== Линейные и блочные элементы ​======+===== Линейные и блочные элементы =====
 По способу форматирования содержимого элементы XHTML можно разделить на **блочные** и **линейные**. Грубо говоря,​ блочные элементы используются для выделения больших структурных блоков в тексте,​ таких как абзацы или заголовки. Линейные же элементов служат для выделения фрагментов текста внутри этих блоков. По способу форматирования содержимого элементы XHTML можно разделить на **блочные** и **линейные**. Грубо говоря,​ блочные элементы используются для выделения больших структурных блоков в тексте,​ таких как абзацы или заголовки. Линейные же элементов служат для выделения фрагментов текста внутри этих блоков.
  
Строка 147: Строка 152:
 </​file>​ </​file>​
 Любой сложный многоуровневый документ можно разбить на разделы. Раздел принято начинать заголовком. Это будет первый уровень разбиения. Каждый раздел,​ в свою очередь,​ можно поделить на более мелкие структурные единицы - подразделы (второй уровень) и так далее. Любой сложный многоуровневый документ можно разбить на разделы. Раздел принято начинать заголовком. Это будет первый уровень разбиения. Каждый раздел,​ в свою очередь,​ можно поделить на более мелкие структурные единицы - подразделы (второй уровень) и так далее.
-====== Атрибут style ======+===== Атрибут style =====
  
-Наиболее простым способом применения стилей ​[[CSS]] является использование атрибута style:<​file>​+  * [[css#​podkljuchenie_stilej_css_k_html_3_sposoba|3 способа подключения стилей CSS к HTML]] 
 +Наиболее простым способом применения стилей CSS является использование атрибута style:<​file>​
 <​элемент style="​правила стиля">​ ... <​элемент style="​правила стиля">​ ...
 </​file>​ </​file>​
Строка 162: Строка 168:
 </​file>​ </​file>​
  
-====== Тег form,​label ​======+===== Тег form, тег ​label =====
  
 Форма создаётся с помощью тега <​form>​. Формы обеспечивают получение данных от пользователя и передачу их на сервер,​ где они уже подвергаются анализу и обработке. Перед отправкой данных браузер подготавливает информацию в виде пары «имя=значение»,​ где имя определяется атрибутом name тега <​input>​ или другим тегом допустимым в форме, а значение введено пользователем или установлено в поле формы по умолчанию. После нажатия пользователем кнопки Submit, происходит вызов обработчика формы, который получает введённую в форме информацию. Форма создаётся с помощью тега <​form>​. Формы обеспечивают получение данных от пользователя и передачу их на сервер,​ где они уже подвергаются анализу и обработке. Перед отправкой данных браузер подготавливает информацию в виде пары «имя=значение»,​ где имя определяется атрибутом name тега <​input>​ или другим тегом допустимым в форме, а значение введено пользователем или установлено в поле формы по умолчанию. После нажатия пользователем кнопки Submit, происходит вызов обработчика формы, который получает введённую в форме информацию.
Строка 168: Строка 174:
 У тега form существует несколько необязательных атрибутов:​ У тега form существует несколько необязательных атрибутов:​
   * атрибут **name** – определяет имя формы, уникальное для данного документа. Используется только,​ если в документе присутствует несколько форм.   * атрибут **name** – определяет имя формы, уникальное для данного документа. Используется только,​ если в документе присутствует несколько форм.
-  * атрибут **action** служит для указания адреса программы на Web-сервере,​ которая будет обрабатывать содержимое данных формы. ​ Если атрибут action не указывать,​ то передача происходит на адрес текущей страницы. Например:<​file>​+  * атрибут **action** служит для указания адреса программы на Web-сервере,​ которая будет обрабатывать содержимое данных формы. ​ Если атрибут action не указывать,​ то передача происходит на адрес текущей страницы. Например:<​file ​html>
 <form method="​post"​ action="/​test/​test.php"></​form>​ <form method="​post"​ action="/​test/​test.php"></​form>​
 <form method="​get"​ action="​http://​localhost:​1277/">​ <form method="​get"​ action="​http://​localhost:​1277/">​
Строка 687: Строка 693:
 </​file>​ </​file>​
  
-====== Тег span линейный div блочный ======+===== Тег span линейный, а div блочный ===== 
 + 
 +Иногда появляется необходимость,​ выделить фрагмент,​ к примеру,​ только цветом,​ какой элемент использовать?​ Кому назначать стиль? Специально для таких ситуаций,​ существует элемент <​span>​. Это элемент - пустышка,​ обертка,​ которую можно сделать красивой,​ благодаря стилям. Span является линейным элементом,​ и не подходит для форматирования крупных текстовых блоков. Для этой цели необходимо использовать его блочный аналог - элемент div. 
 +<code css> 
 +<​span>​ style="​font-weight:​ bold; color: red;">​Красные жирные слова</​span>​ 
 +</​code>​
  
-Иногда появляется необходимость,​ выделить фрагмент,​ к примеру,​ только цветом,​ какой элемент использовать?​ Кому назначать стиль? Специально для таких ситуаций,​ существует элемент <​span>​. Это элемент - пустышка,​ обертка,​ которую можно сделать красивой,​ благодаря стилям. Span является линейным элементом,​ и не подходит для форматирования крупных текстовых блоков. Для этой цели необходимо использовать его блочный аналог - элемент div. <​file>​ 
-span style="​font-weight:​ bold; color: red;">​span</​span 
-</​file>​ 
  
  
загрузка...
html5.1525595398.txt.gz · Последние изменения: 2018/05/06 08:29 — 127.0.0.1