Исполняемые тэги. Псевдоклассы

2019
ДОПОЛНЕНИЕ
…
устанавливает форму на веб-странице. Форма предназначена для обмена данными между пользователем и сервером. Область применения форм не ограничена отправкой данных на сервер, с помощью клиентских скриптов можно получить доступ к любому элементу формы, изменять его и применять по своему усмотрению. Документ может содержать любое количество форм, но одновременно на сервер может быть отправлена только одна форма. По этой причине данные форм должны быть независимы друг от друга.
Синтаксис
...

2019
Атрибуты
accept-charset устанавливает кодировку, в которой сервер может принимать и обрабатывать данные.
action адрес программы или документа, который обрабатывает данные формы.
autocomplete включает автозаполнение полей формы.
enctype способ кодирования данных формы.
method метод протокола HTTP.
name имя формы.
novalidate отменяет встроенную проверку данных формы на корректность ввода.
target имя окна или фрейма, куда обработчик будет загружать возвращаемый результат.

2019
ИСПОЛНЯЕМЫЕ ТЭГИ
…
зависит от присутствия атрибутов name или href, тем самым устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.
Синтаксис
...
...

2019
Атрибуты
accesskey активация ссылки с помощью комбинации клавиш.
coords устанавливает координаты активной области.
download предлагает скачать указанный по ссылке файл.
href задает адрес документа, на который следует перейти.
hreflang идентифицирует язык текста по ссылке.
name устанавливает имя якоря внутри документа.
rel отношения между ссылаемым и текущим документами.
rev отношения между текущим и ссылаемым документами.
shape задает форму активной области ссылки для изображений.
tabindex определяет последовательность перехода между ссылками при нажатии на кнопку Tab.
target имя окна или фрейма, куда браузер будет загружать документ.
title добавляет всплывающую подсказку к тексту ссылки.
type указывает MIME-тип документа, на который ведёт ссылка.

2019
является одним из разносторонних элементов формы и позволяет создавать разные элементы интерфейса и обеспечить взаимодействие с пользователем. Главным образом
предназначен для создания текстовых полей, различных кнопок, переключателей и флажков. Хотя элемент
не требуется помещать внутрь контейнера
, определяющего форму, но если введенные пользователем данные должны быть отправлены на сервер, где их обрабатывает серверная программа, то указывать обязательно.
Основной атрибут тега
, определяющий вид элемента — type. Для каждого элемента существует свой список атрибутов, которые определяют его вид и характеристики. Кроме того, в HTML5 добавлено еще более десятка новых элементов.
Синтаксис

2019

2019

2019
Атрибуты
accept устанавливает фильтр на типы файлов, которые вы можете отправить через поле загрузки файлов.
accesskey переход к элементу с помощью комбинации клавиш.
align определяет выравнивание изображения.
alt альтернативный текст для кнопки с изображением.
autocomplete включает или отключает автозаполнение.
autofocus устанавливает фокус в поле формы.
border толщина рамки вокруг изображения.
checked предварительно активированный переключатель или флажок.
disabled блокирует доступ и изменение элемента.
form связывает поле с формой по её идентификатору.
formaction определяет адрес обработчика формы.
formenctype устанавливает способ кодирования данных формы при их отправке на сервер.

2019
formmethod сообщает браузеру каким методом следует передавать данные формы на сервер.
formnovalidate отменяет встроенную проверку данных на корректность.
formtarget определяет окно или фрейм в которое будет загружаться результат, возвращаемый обработчиком формы.
list указывает на список вариантов, которые можно выбирать при вводе текста.
max верхнее значение для ввода числа или даты.
maxlength максимальное количество символов разрешенных в тексте.
min нижнее значение для ввода числа или даты.
multiple позволяет загрузить несколько файлов одновременно.
name имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.
pattern устанавливает шаблон ввода.
placeholder выводит подсказывающий текст.

2019
readonly устанавливает, что поле не может изменяться пользователем.
required обязательное для заполнения поле.
size ширина текстового поля.
src адрес графического файла для поля с изображением.
step шаг приращения для числовых полей.
tabindex определяет порядок перехода между элементами с помощью клавиши Tab.
type сообщает браузеру, к какому типу относится элемент формы.
value значение элемента.

2019
Пункт1
позволяет создать элемент интерфейса в виде раскрывающегося списка, а также список с одним или множественным выбором, как показано далее. Конечный вид зависит от использования атрибута size тега
, который устанавливает высоту списка. Ширина списка определяется самым широким текстом, указанным в теге
, а также может изменяться с помощью стилей. Каждый пункт создается с помощью тега
, который должен быть вложен в контейнер
. Если планируется отправлять данные списка на сервер, то требуется поместить элемент
внутрь формы. Это также необходимо, когда к данным списка идет обращение через скрипты.
Синтаксис
Пункт 1
Пункт 2

2019
Атрибуты
accesskey позволяет перейти к списку с помощью некоторого сочетания клавиш.
autofocus устанавливает, что список получает фокус после загрузки страницы.
disabled блокирует доступ и изменение элемента.
form связывает список с формой.
multiple позволяет одновременно выбирать сразу несколько элементов списка.
name имя элемента для отправки на сервер или обращения через скрипты.
required список обязателен для выбора перед отправкой формы.
size количество отображаемых строк списка.
tabindex определяет последовательность перехода между элементами при нажатии на клавишу Tab.

2019
…
представляет собой элемент формы для создания области, в которую можно вводить несколько строк текста. В отличие от тега
в текстовом поле допустимо делать переносы строк, они сохраняются при отправке данных на сервер. Между тегами
и
можно поместить любой текст, который будет отображаться внутри поля.
Синтаксис
<br> текст<br>

2019
Атрибуты
accesskey переход к полю с помощью сочетания клавиш.
autofocus автоматическое получение фокуса.
cols ширина поля в символах.
disabled блокирует доступ и изменение элемента.
form связывает текстовое поле с формой по её идентификатору.
maxlength максимальное число введенных символов.
name имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.
placeholder указывает замещающийся текст.
readonly устанавливает, что поле не может изменяться пользователем.
required обязательное для заполнения поле.
rows высота поля в строках текста.
tabindex порядок перехода между элементами при нажатии на клавишу Tab.
wrap параметры переноса строк.

2019
Создает область, в которой при помощи JavaScript можно рисовать разные объекты, выводить изображения, трансформировать их и менять свойства. При помощи тега
можно создавать рисунки, анимацию, игры и др. (HTML5).
Синтаксис
Атрибуты
height задает высоту холста. По умолчанию 300 пикселов.
width задает ширину холста. По умолчанию 150 пикселов.

Псевдокласс в CSS — это ключевое слово, добавленное к селектору, которое определяет его особое состояние
2019
ПСЕВДОКЛАССЫ
Селектор::псевдокласс {
свойство: значение;
--------
свойство: значение;
}
Селектор дополнительные теги::псевдокласс{
свойство: значение;
--------
свойство: значение;
}

2019
:invalid применяется к полям формы, содержимое которых не соответствует указанному типу. Например, для type="number" должно вводиться число, а не буквы, для type="email" корректный адрес электронной почты.
Синтаксис
input:invalid { ... }
:valid применяется к полям формы, содержимое которых проходит проверку в браузере на соответствие указанному типу. Например, для type="number" вводится число, а не буквы, для type="email" корректный адрес электронной почты.
Синтаксис
input:valid { ... }

2019
:link применяется к ссылкам, которые еще не посещались пользователем, и задает для них стилевое оформление.
Синтаксис
a:link { ... }
:active определяет стиль для активной ссылки. Активной ссылка становится при нажатии на нее.
Синтаксис
а:active { ... }
:visited применяется к ссылкам, уже посещённым пользователем, и задаёт для них стилевое оформление.
Синтаксис
a:visited { ... }

2019
:disabled используется для применения стиля к заблокированным элементам форм. Такие элементы не могут получить фокус, быть нажатыми или активированы, в текстовых полях нельзя набирать текст.
Синтаксис
селектор(тег):disabled { ... }
:enabled используется для применения стиля к доступным (не заблокированным) элементам форм. По умолчанию, все элементы форм являются доступными.
Синтаксис
селектор(тег):enabled { ... }

2019
:checked применяется к элементам интерфейса, таким как переключатели (checkbox) и флажки (radio), когда они находятся в положение «включено». Переключение элементов в такое состояние происходит с помощью атрибута checked тега
или пользователем.
Синтаксис
checkbox(radio):checked { ... }
:lang(<язык>) Определяет язык, который используется в документе или его фрагменте. С помощью псевдокласса :lang можно задавать определённые настройки, характерные для разных языков, например, вид кавычек в цитатах.
Синтаксис
селектор(тег):lang(<язык>) { ... }
Значения
В качестве языка могут выступать следующие значения: ru — русский; en — английский ; de — немецкий; fr — французский; it — итальянский и др.

2019
:focus определяет стиль для элемента получающего фокус. Например, им может быть текстовое поле формы, в которое устанавливается курсор.
Синтаксис
селектор(тег):focus { ... }
:hover определяет стиль элемента при наведении на него курсора мыши, но при этом элемент еще не активирован, иными словами кнопка мыши не нажата.
Синтаксис
селектор(тег):hover { ... }

2019
:first-child и :last-child псевдоклассы связаны с иерархией в HTML. Они нацеливаются на элементы HTML в зависимости от порядка, в котором они появляются в коде.
Синтаксис
селектор(тег):first-child { ... }
селектор(тег):last-child { ... }
:nth-child данный псевдокласс является глобальной версией :first-child и :last-child. С помощью :nth-child вы можете вычислить конкретный целевой тег.
Синтаксис
селектор(тег):nth-child(значение) { ... }
Значения: число тега, odd (нечетный), even (четный),
число * n + число (умножения на n + смещение, где n = от 0 до max количество тегов).

2019
:nth-last-child используется для добавления стиля к элементам на основе нумерации в дереве элементов. В отличие от псевдокласса :nth-child отсчёт ведётся не от первого элемента, а от последнего.
Синтаксис
селектор(тег):nth-last-child(значение) { ... }
:not задаёт правила стилей для элементов, которые не содержат указанный селектор.
Синтаксис
селектор(тег):not(селектор(тег)) { ... }

2019
:required применяет стилевые правила к тегу
, у которого установлен атрибут required. Он позволяет выделять поля обязательные к заполнению перед отправкой формы.
Синтаксис
input:required { ... }
:optional применяет стилевые правила к тегу
, у которого не задан атрибут required. Он позволяет выделять поля необязательные к заполнению перед отправкой формы. Таким образом :optional применяется к необязательным полям формы.
Синтаксис
input:optional { ... }

2019
:empty представляет пустые элементы, иными словами такие, которые не содержат дочерних элементов, текста, пробелов или переносов строк. К примеру,
является пустым элементом, а
,
или
эге
уже нет.
Синтаксис
input:empty { ... }
:blank представляет пустые элементы, иными словами такие, которые не содержат дочерних элементов или текста. По своему действию похож на :empty, но :blank, в отличие от него, считает пустыми элементы, содержащие пробел или перенос строк.
Синтаксис
input:blank { ... }

2019
:target для перехода к выбранному фрагменту документа, в адресе пишется символ # и указывается имя идентификатора. К примеру, в адресе http://www.w3.org/TR/css3-selectors/#target-pseudo происходит переход к тегу, атрибут id которого задан как target-pseudo. Такая запись адреса называется «целевой элемент». Псевдокласс :target применяется к целевому тегу, иными словами, к идентификатору, который указан в адресной строке браузера.
Синтаксис
селектор(тег):target { ... }