1 2 1.Формы в HTML-документах 2.1. Тег 3. ТЕГ 4. Тег 5. Тег. - презентация

1 1

2 2 1. Формы в HTML-документах 2.1. Тег 3. ТЕГ 4. Тег 5. Тег

3 3 1. Формы в HTML-документах Формы HTML позволяют получать информацию от читателей. До сих пор мы обсуждали только способы вывода данных, теперь речь пойдет об обратном действии. Формы дают возможность запрашивать информацию в виде свободного текста, получать ответы типа "да/ нет" или делать выбор из нескольких опциий. Вы можете использовать формы с различными целями. Простейшим примером является размещение формы, куда читатели, посетившие сайт, смогут записать свои отзывы.

4 4 1. Тег Все формы начинаются тегом и свершаются тегом. Существует три тега для создания различного типа полей в форме:, и. Любое их количество может быть размещено в контейнере между тегами и. Ниже дано их краткое описание, а подробнее они будут рассмотрены чуть позже.

5 5 Тег Назначение Определяет поле, в которое вводится многострочная текстовая информация Позволяет пользователю сделать выбор в окне с полосой прокрутки, либо в раскрывающемся меню Обеспечивает некоторые другие виды ввода информации: ввод одной строки текста, установку и сброс флажков (check boxes), выбор переключателя (radio buttons) и нажатие кнопки для отправки данных или очистки формы

6 6 2. ТЕГ Этот тег предназначен для построения поля с целью ввода многострочный текстовой информации. В контейнере TEXTAREA допускается размещать любой текст, который будет выведен в поле ввода по умолчанию. Перечислим атрибуты этого тега. NAME Определяет название поля; обязателен ROWS Устанавливает высоту поля, т. е. число строк в нем COLS Устанавливает ширину поля, т. е. длину строки

7 7 Пример 1: Какой-то текст

8 8 При помощи атрибутов ROWS и COLS можно задать поле любого размера. Хотя эти атрибуты не являются обязательными, они не имеют определенных значений по умолчанию (для каждого браузера эти значения различны), поэтому лучше их всегда указывать явно.

9 9 Пример 2: Это текст появится в элементе управления TextArea <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="9 Пример 2: <TEXTAREA COLS=40 NAME=txtData ROWS=5> Это текст появится в элементе управления TextArea"> <meta itemprop="description" content="9 Пример 2: <TEXTAREA COLS="40" NAME="txtData" ROWS="5"> Это текст появится в элементе управления TextArea"> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_9.jpg" alt="9 Пример 2: <TEXTAREA COLS=40 NAME=txtData ROWS=5> Это текст появится в элементе управления TextArea" title="9 Пример 2: <TEXTAREA COLS=40 NAME=txtData ROWS=5> Это текст появится в элементе управления TextArea"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_9.jpg" width="800" align="left" alt="9 Пример 2: <TEXTAREA COLS=40 NAME=txtData ROWS=5> Это текст появится в элементе управления TextArea" title="9 Пример 2: <TEXTAREA COLS=40 NAME=txtData ROWS=5> Это текст появится в элементе управления TextArea"> </noscript> </span> </p> <br /> <p class="uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right"> <a href="http://images.myshared.ru/27/1297931/slide_10.jpg" alt="10 3. Тег Этот тег используется для создания всплывающего меню или списка опциий с полосой прокрутки. Список опциий и пункты меню рас - полагаются внутри контейнера SELECT. Аналогично тегу, требует обязательного определения имени в атрибуте NAME. Кол" title="10 3. Тег Этот тег используется для создания всплывающего меню или списка опциий с полосой прокрутки. Список опциий и пункты меню рас - полагаются внутри контейнера SELECT. Аналогично тегу, требует обязательного определения имени в атрибуте NAME. Кол" class="link_thumb"> 10 </a> </span> </span> 10 3. Тег Этот тег используется для создания всплывающего меню или списка опциий с полосой прокрутки. Список опциий и пункты меню рас - полагаются внутри контейнера SELECT. Аналогично тегу, требует обязательного определения имени в атрибуте NAME. Количество опциий указывает - ся в атрибуте SIZE. Ниже перечислены атрибуты тега. <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="10 3. Тег Этот тег используется для создания всплывающего меню или списка опциий с полосой прокрутки. Список опциий и пункты меню рас - полагаются внутри контейнера SELECT. Аналогично тегу, требует обязательного определения имени в атрибуте NAME. Кол"> <meta itemprop="description" content="10 3. Тег Этот тег используется для создания всплывающего меню или списка опциий с полосой прокрутки. Список опциий и пункты меню рас - полагаются внутри контейнера SELECT. Аналогично тегу, требует обязательного определения имени в атрибуте NAME. Количество опциий указывает - ся в атрибуте SIZE. Ниже перечислены атрибуты тега."> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_10.jpg" alt="10 3. Тег Этот тег используется для создания всплывающего меню или списка опциий с полосой прокрутки. Список опциий и пункты меню рас - полагаются внутри контейнера SELECT. Аналогично тегу, требует обязательного определения имени в атрибуте NAME. Кол" title="10 3. Тег Этот тег используется для создания всплывающего меню или списка опциий с полосой прокрутки. Список опциий и пункты меню рас - полагаются внутри контейнера SELECT. Аналогично тегу, требует обязательного определения имени в атрибуте NAME. Кол"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_10.jpg" width="800" align="left" alt="10 3. Тег Этот тег используется для создания всплывающего меню или списка опциий с полосой прокрутки. Список опциий и пункты меню рас - полагаются внутри контейнера SELECT. Аналогично тегу, требует обязательного определения имени в атрибуте NAME. Кол" title="10 3. Тег Этот тег используется для создания всплывающего меню или списка опциий с полосой прокрутки. Список опциий и пункты меню рас - полагаются внутри контейнера SELECT. Аналогично тегу, требует обязательного определения имени в атрибуте NAME. Кол"> </noscript> </span> </p> <br /> <p class="uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right"> <a href="http://images.myshared.ru/27/1297931/slide_11.jpg" alt="11 NAME Определяет название информации SIZE Определяет вертикальный размер окна для опциий выбора. Если атрибут опущен или его значение равно 1, выводится всплывающий список опциий. Если указано число больше единицы, то опциии выводятся в окне с поло" title="11 NAME Определяет название информации SIZE Определяет вертикальный размер окна для опциий выбора. Если атрибут опущен или его значение равно 1, выводится всплывающий список опциий. Если указано число больше единицы, то опциии выводятся в окне с поло" class="link_thumb"> 11 </a> </span> </span> 11 NAME Определяет название информации SIZE Определяет вертикальный размер окна для опциий выбора. Если атрибут опущен или его значение равно 1, выводится всплывающий список опциий. Если указано число больше единицы, то опциии выводятся в окне с полосой прокрутки. Если значение атрибута больше, чем фактическое количество элементов списка, добавляются пустые строки. При их выборе пользователем возвращаются пустые поля MULTIPLE Позволяет выбирать сразу нескольких опции <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="11 NAME Определяет название информации SIZE Определяет вертикальный размер окна для опциий выбора. Если атрибут опущен или его значение равно 1, выводится всплывающий список опциий. Если указано число больше единицы, то опциии выводятся в окне с поло"> <meta itemprop="description" content="11 NAME Определяет название информации SIZE Определяет вертикальный размер окна для опциий выбора. Если атрибут опущен или его значение равно 1, выводится всплывающий список опциий. Если указано число больше единицы, то опциии выводятся в окне с полосой прокрутки. Если значение атрибута больше, чем фактическое количество элементов списка, добавляются пустые строки. При их выборе пользователем возвращаются пустые поля MULTIPLE Позволяет выбирать сразу нескольких опции"> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_11.jpg" alt="11 NAME Определяет название информации SIZE Определяет вертикальный размер окна для опциий выбора. Если атрибут опущен или его значение равно 1, выводится всплывающий список опциий. Если указано число больше единицы, то опциии выводятся в окне с поло" title="11 NAME Определяет название информации SIZE Определяет вертикальный размер окна для опциий выбора. Если атрибут опущен или его значение равно 1, выводится всплывающий список опциий. Если указано число больше единицы, то опциии выводятся в окне с поло"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_11.jpg" width="800" align="left" alt="11 NAME Определяет название информации SIZE Определяет вертикальный размер окна для опциий выбора. Если атрибут опущен или его значение равно 1, выводится всплывающий список опциий. Если указано число больше единицы, то опциии выводятся в окне с поло" title="11 NAME Определяет название информации SIZE Определяет вертикальный размер окна для опциий выбора. Если атрибут опущен или его значение равно 1, выводится всплывающий список опциий. Если указано число больше единицы, то опциии выводятся в окне с поло"> </noscript> </span> </p> <br /> <p class="uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right"> <a href="http://images.myshared.ru/27/1297931/slide_12.jpg" alt="12 Список опциий включается в контейнер при помощи тега. Этот тег имеет два атрибута, которые описаны в таблице 20. VALUE Указывает значение, возвращаемое программе обработки (скрипту), в случае выбора опциии пользователем SELECTED Указывает на опции" title="12 Список опциий включается в контейнер при помощи тега. Этот тег имеет два атрибута, которые описаны в таблице 20. VALUE Указывает значение, возвращаемое программе обработки (скрипту), в случае выбора опциии пользователем SELECTED Указывает на опции" class="link_thumb"> 12 </a> </span> </span> 12 Список опциий включается в контейнер при помощи тега. Этот тег имеет два атрибута, которые описаны в таблице 20. VALUE Указывает значение, возвращаемое программе обработки (скрипту), в случае выбора опциии пользователем SELECTED Указывает на опциию, выбранную по умолчанию Пример: Ниже приведено содержимое двух HTML-документов, содержащих похожие формы. Во втором документе предварительно выбран один элемент из списка (добавлен атрибут SELECTED). <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="12 Список опциий включается в контейнер при помощи тега. Этот тег имеет два атрибута, которые описаны в таблице 20. VALUE Указывает значение, возвращаемое программе обработки (скрипту), в случае выбора опциии пользователем SELECTED Указывает на опции"> <meta itemprop="description" content="12 Список опциий включается в контейнер при помощи тега. Этот тег имеет два атрибута, которые описаны в таблице 20. VALUE Указывает значение, возвращаемое программе обработки (скрипту), в случае выбора опциии пользователем SELECTED Указывает на опциию, выбранную по умолчанию Пример: Ниже приведено содержимое двух HTML-документов, содержащих похожие формы. Во втором документе предварительно выбран один элемент из списка (добавлен атрибут SELECTED)."> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_12.jpg" alt="12 Список опциий включается в контейнер при помощи тега. Этот тег имеет два атрибута, которые описаны в таблице 20. VALUE Указывает значение, возвращаемое программе обработки (скрипту), в случае выбора опциии пользователем SELECTED Указывает на опции" title="12 Список опциий включается в контейнер при помощи тега. Этот тег имеет два атрибута, которые описаны в таблице 20. VALUE Указывает значение, возвращаемое программе обработки (скрипту), в случае выбора опциии пользователем SELECTED Указывает на опции"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_12.jpg" width="800" align="left" alt="12 Список опциий включается в контейнер при помощи тега. Этот тег имеет два атрибута, которые описаны в таблице 20. VALUE Указывает значение, возвращаемое программе обработки (скрипту), в случае выбора опциии пользователем SELECTED Указывает на опции" title="12 Список опциий включается в контейнер при помощи тега. Этот тег имеет два атрибута, которые описаны в таблице 20. VALUE Указывает значение, возвращаемое программе обработки (скрипту), в случае выбора опциии пользователем SELECTED Указывает на опции"> </noscript> </span> </p> <br /> <p class="uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right"> <a href="http://images.myshared.ru/27/1297931/slide_13.jpg" alt="13 Выберите время года: зима весна лето осень" title="13 Выберите время года: зима весна лето осень" class="link_thumb"> 13 </a> </span> </span> 13 Выберите время года: зима весна лето осень <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="13 Выберите время года: зима весна лето осень"> <meta itemprop="description" content="13 Выберите время года: зима весна лето осень"> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_13.jpg" alt="13 Выберите время года: зима весна лето осень" title="13 Выберите время года: зима весна лето осень"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_13.jpg" width="800" align="left" alt="13 Выберите время года: зима весна лето осень" title="13 Выберите время года: зима весна лето осень"> </noscript> </span> </p> <br /> <p class="uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right"> <a href="http://images.myshared.ru/27/1297931/slide_14.jpg" alt="14 Выберите время года: зима весна лето осень" title="14 Выберите время года: зима весна лето осень" class="link_thumb"> 14 </a> </span> </span> 14 Выберите время года: зима весна лето осень <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="14 Выберите время года: зима весна лето осень"> <meta itemprop="description" content="14 Выберите время года: зима весна лето осень"> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_14.jpg" alt="14 Выберите время года: зима весна лето осень" title="14 Выберите время года: зима весна лето осень"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_14.jpg" width="800" align="left" alt="14 Выберите время года: зима весна лето осень" title="14 Выберите время года: зима весна лето осень"> </noscript> </span> </p> <br /> <p class="uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right"> <a href="http://images.myshared.ru/27/1297931/slide_15.jpg" alt="15 Тег Тег в отличие от и является одиночным тегом. Он предназначен для сбора информации различными способами, включая текстовые поля, поля для ввода пароля, переключатели, флажки, кнопки для отправки данных (Submit) и для очистки формы (Reset, Clear" title="15 Тег Тег в отличие от и является одиночным тегом. Он предназначен для сбора информации различными способами, включая текстовые поля, поля для ввода пароля, переключатели, флажки, кнопки для отправки данных (Submit) и для очистки формы (Reset, Clear" class="link_thumb"> 15 </a> </span> </span> 15 Тег Тег в отличие от и является одиночным тегом. Он предназначен для сбора информации различными способами, включая текстовые поля, поля для ввода пароля, переключатели, флажки, кнопки для отправки данных (Submit) и для очистки формы (Reset, Clear). NAMESIZE Указывает размер поля ввода в символах. MAXLENGTH Определяет максимально возможное число символов, вводимых в поле. VALUE Для текстового поля определяет текст, выводимый по умолчанию. Для флажков и переключателей указывает значение, возвращаемое программе обработки. Для кнопок отправки и очистки формы определяет надпись на кнопке. <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="15 Тег Тег в отличие от и является одиночным тегом. Он предназначен для сбора информации различными способами, включая текстовые поля, поля для ввода пароля, переключатели, флажки, кнопки для отправки данных (Submit) и для очистки формы (Reset, Clear"> <meta itemprop="description" content="15 Тег Тег в отличие от и является одиночным тегом. Он предназначен для сбора информации различными способами, включая текстовые поля, поля для ввода пароля, переключатели, флажки, кнопки для отправки данных (Submit) и для очистки формы (Reset, Clear). NAMESIZE Указывает размер поля ввода в символах. MAXLENGTH Определяет максимально возможное число символов, вводимых в поле. VALUE Для текстового поля определяет текст, выводимый по умолчанию. Для флажков и переключателей указывает значение, возвращаемое программе обработки. Для кнопок отправки и очистки формы определяет надпись на кнопке."> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_15.jpg" alt="15 Тег Тег в отличие от и является одиночным тегом. Он предназначен для сбора информации различными способами, включая текстовые поля, поля для ввода пароля, переключатели, флажки, кнопки для отправки данных (Submit) и для очистки формы (Reset, Clear" title="15 Тег Тег в отличие от и является одиночным тегом. Он предназначен для сбора информации различными способами, включая текстовые поля, поля для ввода пароля, переключатели, флажки, кнопки для отправки данных (Submit) и для очистки формы (Reset, Clear"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_15.jpg" width="800" align="left" alt="15 Тег Тег в отличие от и является одиночным тегом. Он предназначен для сбора информации различными способами, включая текстовые поля, поля для ввода пароля, переключатели, флажки, кнопки для отправки данных (Submit) и для очистки формы (Reset, Clear" title="15 Тег Тег в отличие от и является одиночным тегом. Он предназначен для сбора информации различными способами, включая текстовые поля, поля для ввода пароля, переключатели, флажки, кнопки для отправки данных (Submit) и для очистки формы (Reset, Clear"> </noscript> </span> </p> <br /> <p class="uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right"> <a href="http://images.myshared.ru/27/1297931/slide_16.jpg" alt="16 CHECKED Устанавливает флажок или переключатель во включенное состояние по умолчанию. С други- ми типами тегов не употребляется. TYPE Устанавливает тип поля ввода. Тип поля ввода, атрибут TYPE Атрибут TYPE тега может принимать следующие значения. T" title="16 CHECKED Устанавливает флажок или переключатель во включенное состояние по умолчанию. С други- ми типами тегов не употребляется. TYPE Устанавливает тип поля ввода. Тип поля ввода, атрибут TYPE Атрибут TYPE тега может принимать следующие значения. T" class="link_thumb"> 16 </a> </span> </span> 16 CHECKED Устанавливает флажок или переключатель во включенное состояние по умолчанию. С други- ми типами тегов не употребляется. TYPE Устанавливает тип поля ввода. Тип поля ввода, атрибут TYPE Атрибут TYPE тега может принимать следующие значения. TEXT Является значением по умолчанию и предполагает создание одной строки для ввода данных. Для этого типа поля ввода употребляются атрибуты NAME (обязательный), SIZE, VALUE и MAXLENGTH PASSWORD Позволяет заменять вводимые символы пароля звездочками. Для этого типа поля ввода используются атрибуты NAME (обязательный), SIZE, MAXLENGTH и VALUE. <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="16 CHECKED Устанавливает флажок или переключатель во включенное состояние по умолчанию. С други- ми типами тегов не употребляется. TYPE Устанавливает тип поля ввода. Тип поля ввода, атрибут TYPE Атрибут TYPE тега может принимать следующие значения. T"> <meta itemprop="description" content="16 CHECKED Устанавливает флажок или переключатель во включенное состояние по умолчанию. С други- ми типами тегов не употребляется. TYPE Устанавливает тип поля ввода. Тип поля ввода, атрибут TYPE Атрибут TYPE тега может принимать следующие значения. TEXT Является значением по умолчанию и предполагает создание одной строки для ввода данных. Для этого типа поля ввода употребляются атрибуты NAME (обязательный), SIZE, VALUE и MAXLENGTH PASSWORD Позволяет заменять вводимые символы пароля звездочками. Для этого типа поля ввода используются атрибуты NAME (обязательный), SIZE, MAXLENGTH и VALUE."> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_16.jpg" alt="16 CHECKED Устанавливает флажок или переключатель во включенное состояние по умолчанию. С други- ми типами тегов не употребляется. TYPE Устанавливает тип поля ввода. Тип поля ввода, атрибут TYPE Атрибут TYPE тега может принимать следующие значения. T" title="16 CHECKED Устанавливает флажок или переключатель во включенное состояние по умолчанию. С други- ми типами тегов не употребляется. TYPE Устанавливает тип поля ввода. Тип поля ввода, атрибут TYPE Атрибут TYPE тега может принимать следующие значения. T"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_16.jpg" width="800" align="left" alt="16 CHECKED Устанавливает флажок или переключатель во включенное состояние по умолчанию. С други- ми типами тегов не употребляется. TYPE Устанавливает тип поля ввода. Тип поля ввода, атрибут TYPE Атрибут TYPE тега может принимать следующие значения. T" title="16 CHECKED Устанавливает флажок или переключатель во включенное состояние по умолчанию. С други- ми типами тегов не употребляется. TYPE Устанавливает тип поля ввода. Тип поля ввода, атрибут TYPE Атрибут TYPE тега может принимать следующие значения. T"> </noscript> </span> </p> <br /> <p class="uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right"> <a href="http://images.myshared.ru/27/1297931/slide_17.jpg" alt="17 CHECKBOX Позволяет вывести поле для установки флажка в виде маленького квадратика, в котором может быть произведена отметка опциии "галочкой". Может использоваться совместно с атрибутами NAME (обязательный), VALUE и CHECKED (определяет установленн" title="17 CHECKBOX Позволяет вывести поле для установки флажка в виде маленького квадратика, в котором может быть произведена отметка опциии "галочкой". Может использоваться совместно с атрибутами NAME (обязательный), VALUE и CHECKED (определяет установленн" class="link_thumb"> 17 </a> </span> </span> 17 CHECKBOX Позволяет вывести поле для установки флажка в виде маленького квадратика, в котором может быть произведена отметка опциии "галочкой". Может использоваться совместно с атрибутами NAME (обязательный), VALUE и CHECKED (определяет установленный по умолчанию флажок). Флажки обычно употребляются, когда можно выбрать сразу несколько опциий из числа предложенных. Нужно быть очень осторожным в использовании флажков и переключателей, если цвет фона страницы определяется не документом, а пользователем при помощи установок программы просмотра. Нельзя допускать, чтобы опциии сливались с фоном страницы. RADIO Позволяет выбрать только одну из представленного числа опциий. Переключатели можно группировать, задавая одно и то же значение атрибута NAME (обязательный). Так же используются атрибуты VALUE и CHECKED. <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="17 CHECKBOX Позволяет вывести поле для установки флажка в виде маленького квадратика, в котором может быть произведена отметка опциии "галочкой". Может использоваться совместно с атрибутами NAME (обязательный), VALUE и CHECKED (определяет установленн"> <meta itemprop="description" content="17 CHECKBOX Позволяет вывести поле для установки флажка в виде маленького квадратика, в котором может быть произведена отметка опциии "галочкой". Может использоваться совместно с атрибутами NAME (обязательный), VALUE и CHECKED (определяет установленный по умолчанию флажок). Флажки обычно употребляются, когда можно выбрать сразу несколько опциий из числа предложенных. Нужно быть очень осторожным в использовании флажков и переключателей, если цвет фона страницы определяется не документом, а пользователем при помощи установок программы просмотра. Нельзя допускать, чтобы опциии сливались с фоном страницы. RADIO Позволяет выбрать только одну из представленного числа опциий. Переключатели можно группировать, задавая одно и то же значение атрибута NAME (обязательный). Так же используются атрибуты VALUE и CHECKED."> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_17.jpg" alt="17 CHECKBOX Позволяет вывести поле для установки флажка в виде маленького квадратика, в котором может быть произведена отметка опциии "галочкой". Может использоваться совместно с атрибутами NAME (обязательный), VALUE и CHECKED (определяет установленн" title="17 CHECKBOX Позволяет вывести поле для установки флажка в виде маленького квадратика, в котором может быть произведена отметка опциии "галочкой". Может использоваться совместно с атрибутами NAME (обязательный), VALUE и CHECKED (определяет установленн"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_17.jpg" width="800" align="left" alt="17 CHECKBOX Позволяет вывести поле для установки флажка в виде маленького квадратика, в котором может быть произведена отметка опциии "галочкой". Может использоваться совместно с атрибутами NAME (обязательный), VALUE и CHECKED (определяет установленн" title="17 CHECKBOX Позволяет вывести поле для установки флажка в виде маленького квадратика, в котором может быть произведена отметка опциии "галочкой". Может использоваться совместно с атрибутами NAME (обязательный), VALUE и CHECKED (определяет установленн"> </noscript> </span> </p> <br /> <p class="uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right"> <a href="http://images.myshared.ru/27/1297931/slide_18.jpg" alt="18 RESET Позволяет создать кнопку для очистки формы. Атрибут VALUE может быть использован здесь для наименования этой кнопки (по умолчанию кнопка имеет надпись Reset). SUBMIT Используется для создания кнопки, по нажатию которой введенные данные отпра" title="18 RESET Позволяет создать кнопку для очистки формы. Атрибут VALUE может быть использован здесь для наименования этой кнопки (по умолчанию кнопка имеет надпись Reset). SUBMIT Используется для создания кнопки, по нажатию которой введенные данные отпра" class="link_thumb"> 18 </a> </span> </span> 18 RESET Позволяет создать кнопку для очистки формы. Атрибут VALUE может быть использован здесь для наименования этой кнопки (по умолчанию кнопка имеет надпись Reset). SUBMIT Используется для создания кнопки, по нажатию которой введенные данные отправляются на сервер для обработки программой-скриптом. В атрибуте VALUE может быть указано название для этой кнопки (по умолчанию – Submit Query). <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="18 RESET Позволяет создать кнопку для очистки формы. Атрибут VALUE может быть использован здесь для наименования этой кнопки (по умолчанию кнопка имеет надпись Reset). SUBMIT Используется для создания кнопки, по нажатию которой введенные данные отпра"> <meta itemprop="description" content="18 RESET Позволяет создать кнопку для очистки формы. Атрибут VALUE может быть использован здесь для наименования этой кнопки (по умолчанию кнопка имеет надпись Reset). SUBMIT Используется для создания кнопки, по нажатию которой введенные данные отправляются на сервер для обработки программой-скриптом. В атрибуте VALUE может быть указано название для этой кнопки (по умолчанию – Submit Query)."> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_18.jpg" alt="18 RESET Позволяет создать кнопку для очистки формы. Атрибут VALUE может быть использован здесь для наименования этой кнопки (по умолчанию кнопка имеет надпись Reset). SUBMIT Используется для создания кнопки, по нажатию которой введенные данные отпра" title="18 RESET Позволяет создать кнопку для очистки формы. Атрибут VALUE может быть использован здесь для наименования этой кнопки (по умолчанию кнопка имеет надпись Reset). SUBMIT Используется для создания кнопки, по нажатию которой введенные данные отпра"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_18.jpg" width="800" align="left" alt="18 RESET Позволяет создать кнопку для очистки формы. Атрибут VALUE может быть использован здесь для наименования этой кнопки (по умолчанию кнопка имеет надпись Reset). SUBMIT Используется для создания кнопки, по нажатию которой введенные данные отпра" title="18 RESET Позволяет создать кнопку для очистки формы. Атрибут VALUE может быть использован здесь для наименования этой кнопки (по умолчанию кнопка имеет надпись Reset). SUBMIT Используется для создания кнопки, по нажатию которой введенные данные отпра"> </noscript> </span> </p> <br /> <p class="uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right"> <a href="http://images.myshared.ru/27/1297931/slide_19.jpg" alt="19 Пример: В следующей форме используется значение TEXT. Введите номер телефона:" title="19 Пример: В следующей форме используется значение TEXT. Введите номер телефона:" class="link_thumb"> 19 </a> </span> </span> 19 Пример: В следующей форме используется значение TEXT. Введите номер телефона: <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="19 Пример: В следующей форме используется значение TEXT. Введите номер телефона:"> <meta itemprop="description" content="19 Пример: В следующей форме используется значение TEXT. Введите номер телефона:"> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_19.jpg" alt="19 Пример: В следующей форме используется значение TEXT. Введите номер телефона:" title="19 Пример: В следующей форме используется значение TEXT. Введите номер телефона:"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_19.jpg" width="800" align="left" alt="19 Пример: В следующей форме используется значение TEXT. Введите номер телефона:" title="19 Пример: В следующей форме используется значение TEXT. Введите номер телефона:"> </noscript> </span> </p> <br /> <p class="uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right"> <a href="http://images.myshared.ru/27/1297931/slide_20.jpg" alt="20 Пример: Использование значения PASSWORD. Введите секретное слово: <INPUT TYPE=password NAME=secret_word SIZE=30 MAXLENGTH=30>" title="20 Пример: Использование значения PASSWORD. Введите секретное слово: <INPUT TYPE=password NAME=secret_word SIZE=30 MAXLENGTH=30>" class="link_thumb"> 20 </a> </span> </span> 20 Пример: Использование значения PASSWORD. Введите секретное слово: <INPUT TYPE="password" NAME="secret_word" SIZE="30 MAXLENGTH="30"> <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="20 Пример: Использование значения PASSWORD. Введите секретное слово: <INPUT TYPE=password NAME=secret_word SIZE=30 MAXLENGTH=30>"> <meta itemprop="description" content="20 Пример: Использование значения PASSWORD. Введите секретное слово: <INPUT TYPE="password" NAME="secret_word" SIZE="30 MAXLENGTH="30">"> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_20.jpg" alt="20 Пример: Использование значения PASSWORD. Введите секретное слово: <INPUT TYPE=password NAME=secret_word SIZE=30 MAXLENGTH=30>" title="20 Пример: Использование значения PASSWORD. Введите секретное слово: <INPUT TYPE=password NAME=secret_word SIZE=30 MAXLENGTH=30>"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_20.jpg" width="800" align="left" alt="20 Пример: Использование значения PASSWORD. Введите секретное слово: <INPUT TYPE=password NAME=secret_word SIZE=30 MAXLENGTH=30>" title="20 Пример: Использование значения PASSWORD. Введите секретное слово: <INPUT TYPE=password NAME=secret_word SIZE=30 MAXLENGTH=30>"> </noscript> </span> </p> <br /> <p class="uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right"> <a href="http://images.myshared.ru/27/1297931/slide_21.jpg" alt="21 Пример: Использование значения CHECKBOX. <INPUT TYPE=checkbox NAME=checkbox1 VALUE=checkbox_value1> Вариант <INPUT TYPE=checkbox NAME=checkbox2 VALUE=checkbox_value2 CHECKED> Предварительно выбранный вариант" title="21 Пример: Использование значения CHECKBOX. <INPUT TYPE=checkbox NAME=checkbox1 VALUE=checkbox_value1> Вариант <INPUT TYPE=checkbox NAME=checkbox2 VALUE=checkbox_value2 CHECKED> Предварительно выбранный вариант" class="link_thumb"> 21 </a> </span> </span> 21 Пример: Использование значения CHECKBOX. <INPUT TYPE="checkbox" NAME="checkbox1" VALUE="checkbox_value1"> Вариант <INPUT TYPE="checkbox" NAME="checkbox2" VALUE="checkbox_value2" CHECKED> Предварительно выбранный вариант <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="21 Пример: Использование значения CHECKBOX. <INPUT TYPE=checkbox NAME=checkbox1 VALUE=checkbox_value1> Вариант <INPUT TYPE=checkbox NAME=checkbox2 VALUE=checkbox_value2 CHECKED> Предварительно выбранный вариант"> <meta itemprop="description" content="21 Пример: Использование значения CHECKBOX. <INPUT TYPE="checkbox" NAME="checkbox1" VALUE="checkbox_value1"> Вариант <INPUT TYPE="checkbox" NAME="checkbox2" VALUE="checkbox_value2" CHECKED> Предварительно выбранный вариант"> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_21.jpg" alt="21 Пример: Использование значения CHECKBOX. <INPUT TYPE=checkbox NAME=checkbox1 VALUE=checkbox_value1> Вариант <INPUT TYPE=checkbox NAME=checkbox2 VALUE=checkbox_value2 CHECKED> Предварительно выбранный вариант" title="21 Пример: Использование значения CHECKBOX. <INPUT TYPE=checkbox NAME=checkbox1 VALUE=checkbox_value1> Вариант <INPUT TYPE=checkbox NAME=checkbox2 VALUE=checkbox_value2 CHECKED> Предварительно выбранный вариант"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_21.jpg" width="800" align="left" alt="21 Пример: Использование значения CHECKBOX. <INPUT TYPE=checkbox NAME=checkbox1 VALUE=checkbox_value1> Вариант <INPUT TYPE=checkbox NAME=checkbox2 VALUE=checkbox_value2 CHECKED> Предварительно выбранный вариант" title="21 Пример: Использование значения CHECKBOX. <INPUT TYPE=checkbox NAME=checkbox1 VALUE=checkbox_value1> Вариант <INPUT TYPE=checkbox NAME=checkbox2 VALUE=checkbox_value2 CHECKED> Предварительно выбранный вариант"> </noscript> </span> </p> <br /> <p class="uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right"> <a href="http://images.myshared.ru/27/1297931/slide_22.jpg" alt="22 Пример: В этом примере две формы расположены в соседних ячейках таблицы. Форма 1: <INPUT TYPE="radio" NAME="choice" VALUE="choice1"> yes. <INPUT TYPE="radio" NAME="choice" VALUE="choice2"> no. Форма 2: <INPUT TYPE="radio" NAME="choice" VALUE="choi" title="22 Пример: В этом примере две формы расположены в соседних ячейках таблицы. Форма 1: <INPUT TYPE="radio" NAME="choice" VALUE="choice1"> yes. <INPUT TYPE="radio" NAME="choice" VALUE="choice2"> no. Форма 2: <INPUT TYPE="radio" NAME="choice" VALUE="choi" class="link_thumb"> 22 </a> </span> </span> 22 Пример: В этом примере две формы расположены в соседних ячейках таблицы. Форма 1: <INPUT TYPE="radio" NAME="choice" VALUE="choice1"> yes. <INPUT TYPE="radio" NAME="choice" VALUE="choice2"> no. Форма 2: <INPUT TYPE="radio" NAME="choice" VALUE="choice1" CHECKED> yes. <INPUT TYPE="radio" NAME="choice" VALUE="choice2"> no. <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="22 Пример: В этом примере две формы расположены в соседних ячейках таблицы. Форма 1: <INPUT TYPE="radio" NAME="choice" VALUE="choice1"> yes. <INPUT TYPE="radio" NAME="choice" VALUE="choice2"> no. Форма 2: <INPUT TYPE="radio" NAME="choice" VALUE="choi"> <meta itemprop="description" content="22 Пример: В этом примере две формы расположены в соседних ячейках таблицы. Форма 1: <INPUT TYPE="radio" NAME="choice" VALUE="choice1"> yes. <INPUT TYPE="radio" NAME="choice" VALUE="choice2"> no. Форма 2: <INPUT TYPE="radio" NAME="choice" VALUE="choice1" CHECKED> yes. <INPUT TYPE="radio" NAME="choice" VALUE="choice2"> no."> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_22.jpg" alt="22 Пример: В этом примере две формы расположены в соседних ячейках таблицы. Форма 1: <INPUT TYPE="radio" NAME="choice" VALUE="choice1"> yes. <INPUT TYPE="radio" NAME="choice" VALUE="choice2"> no. Форма 2: <INPUT TYPE="radio" NAME="choice" VALUE="choi" title="22 Пример: В этом примере две формы расположены в соседних ячейках таблицы. Форма 1: <INPUT TYPE="radio" NAME="choice" VALUE="choice1"> yes. <INPUT TYPE="radio" NAME="choice" VALUE="choice2"> no. Форма 2: <INPUT TYPE="radio" NAME="choice" VALUE="choi"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_22.jpg" width="800" align="left" alt="22 Пример: В этом примере две формы расположены в соседних ячейках таблицы. Форма 1: <INPUT TYPE="radio" NAME="choice" VALUE="choice1"> yes. <INPUT TYPE="radio" NAME="choice" VALUE="choice2"> no. Форма 2: <INPUT TYPE="radio" NAME="choice" VALUE="choi" title="22 Пример: В этом примере две формы расположены в соседних ячейках таблицы. Форма 1: <INPUT TYPE="radio" NAME="choice" VALUE="choice1"> yes. <INPUT TYPE="radio" NAME="choice" VALUE="choice2"> no. Форма 2: <INPUT TYPE="radio" NAME="choice" VALUE="choi"> </noscript> </span> </p> <br /> <p class="uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right"> <a href="http://images.myshared.ru/27/1297931/slide_23.jpg" alt="23" title="23" class="link_thumb"> 23 </a> </span> </span> 23 <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="23"> <meta itemprop="description" content="23"> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_23.jpg" alt="23" title="23"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_23.jpg" width="800" align="left" alt="23" title="23"> </noscript> </span> </p> <br /> <p class="uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right"> <a href="http://images.myshared.ru/27/1297931/slide_24.jpg" alt="24 Пример: В следующей форме используется значение RESET. <INPUT TYPE=reset VALUE=Очистить форму!>" title="24 Пример: В следующей форме используется значение RESET. <INPUT TYPE=reset VALUE=Очистить форму!>" class="link_thumb"> 24 </a> </span> </span> 24 Пример: В следующей форме используется значение RESET. <INPUT TYPE="reset" VALUE="Очистить форму!"> <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="24 Пример: В следующей форме используется значение RESET. <INPUT TYPE=reset VALUE=Очистить форму!>"> <meta itemprop="description" content="24 Пример: В следующей форме используется значение RESET. <INPUT TYPE="reset" VALUE="Очистить форму!">"> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_24.jpg" alt="24 Пример: В следующей форме используется значение RESET. <INPUT TYPE=reset VALUE=Очистить форму!>" title="24 Пример: В следующей форме используется значение RESET. <INPUT TYPE=reset VALUE=Очистить форму!>"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_24.jpg" width="800" align="left" alt="24 Пример: В следующей форме используется значение RESET. <INPUT TYPE=reset VALUE=Очистить форму!>" title="24 Пример: В следующей форме используется значение RESET. <INPUT TYPE=reset VALUE=Очистить форму!>"> </noscript> </span> </p> <br /> <p class="uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right"> <a href="http://images.myshared.ru/27/1297931/slide_25.jpg" alt="25 Пример: Использование значения SUBMIT. Какой-то текст" title="25 Пример: Использование значения SUBMIT. Какой-то текст" class="link_thumb"> 25 </a> </span> </span> 25 Пример: Использование значения SUBMIT. Какой-то текст <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="25 Пример: Использование значения SUBMIT. Какой-то текст"> <meta itemprop="description" content="25 Пример: Использование значения SUBMIT. Какой-то текст"> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_25.jpg" alt="25 Пример: Использование значения SUBMIT. Какой-то текст" title="25 Пример: Использование значения SUBMIT. Какой-то текст"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_25.jpg" width="800" align="left" alt="25 Пример: Использование значения SUBMIT. Какой-то текст" title="25 Пример: Использование значения SUBMIT. Какой-то текст"> </noscript> </span> </p> <br /> <p class="uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right"> <a href="http://images.myshared.ru/27/1297931/slide_26.jpg" alt="26 Нестандартное использование элементов форм Многие теги HTML используются в целях, для которых они изначально не предназначались, например, таблицы – для разметки страниц. Поэтому смело эксп- ериментируйте и с элементами форм. Наиболее гибкими явля" title="26 Нестандартное использование элементов форм Многие теги HTML используются в целях, для которых они изначально не предназначались, например, таблицы – для разметки страниц. Поэтому смело эксп- ериментируйте и с элементами форм. Наиболее гибкими явля" class="link_thumb"> 26 </a> </span> </span> 26 Нестандартное использование элементов форм Многие теги HTML используются в целях, для которых они изначально не предназначались, например, таблицы – для разметки страниц. Поэтому смело эксп- ериментируйте и с элементами форм. Наиболее гибкими являются меню выбора. Всплываю- щее меню может выполнять функцию информационной полосы, включенной в текстовый поток. Например, можно использовать меню выбора для размещения небольших рассказов (помещая фрагменты текста в элементы OPTION). Применение этих возможностей заставляет пользователя активнее взаимодействовать с содержимым вашей страницы. <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="26 Нестандартное использование элементов форм Многие теги HTML используются в целях, для которых они изначально не предназначались, например, таблицы – для разметки страниц. Поэтому смело эксп- ериментируйте и с элементами форм. Наиболее гибкими явля"> <meta itemprop="description" content="26 Нестандартное использование элементов форм Многие теги HTML используются в целях, для которых они изначально не предназначались, например, таблицы – для разметки страниц. Поэтому смело эксп- ериментируйте и с элементами форм. Наиболее гибкими являются меню выбора. Всплываю- щее меню может выполнять функцию информационной полосы, включенной в текстовый поток. Например, можно использовать меню выбора для размещения небольших рассказов (помещая фрагменты текста в элементы OPTION). Применение этих возможностей заставляет пользователя активнее взаимодействовать с содержимым вашей страницы."> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_26.jpg" alt="26 Нестандартное использование элементов форм Многие теги HTML используются в целях, для которых они изначально не предназначались, например, таблицы – для разметки страниц. Поэтому смело эксп- ериментируйте и с элементами форм. Наиболее гибкими явля" title="26 Нестандартное использование элементов форм Многие теги HTML используются в целях, для которых они изначально не предназначались, например, таблицы – для разметки страниц. Поэтому смело эксп- ериментируйте и с элементами форм. Наиболее гибкими явля"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_26.jpg" width="800" align="left" alt="26 Нестандартное использование элементов форм Многие теги HTML используются в целях, для которых они изначально не предназначались, например, таблицы – для разметки страниц. Поэтому смело эксп- ериментируйте и с элементами форм. Наиболее гибкими явля" title="26 Нестандартное использование элементов форм Многие теги HTML используются в целях, для которых они изначально не предназначались, например, таблицы – для разметки страниц. Поэтому смело эксп- ериментируйте и с элементами форм. Наиболее гибкими явля"> </noscript> </span> </p> <br /> <p class="uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right"> <a href="http://images.myshared.ru/27/1297931/slide_27.jpg" alt="27 Ниже приведен HTML-документ, в котором раскрывающийся список используется для размещения небольшого рассказа об авторе. Немного о себе: <OPTION SELECTED VALUE="line0"> Автобиография ––––––––––––––– Меня зовут Ербол. Я студент первого курса КБТУ. М" title="27 Ниже приведен HTML-документ, в котором раскрывающийся список используется для размещения небольшого рассказа об авторе. Немного о себе: <OPTION SELECTED VALUE="line0"> Автобиография ––––––––––––––– Меня зовут Ербол. Я студент первого курса КБТУ. М" class="link_thumb"> 27 </a> </span> </span> 27 Ниже приведен HTML-документ, в котором раскрывающийся список используется для размещения небольшого рассказа об авторе. Немного о себе: <OPTION SELECTED VALUE="line0"> Автобиография ––––––––––––––– Меня зовут Ербол. Я студент первого курса КБТУ. Мои увлечения: футбол, теннис. Я жду от вас писем по адресу: <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="27 Ниже приведен HTML-документ, в котором раскрывающийся список используется для размещения небольшого рассказа об авторе. Немного о себе: <OPTION SELECTED VALUE="line0"> Автобиография ––––––––––––––– Меня зовут Ербол. Я студент первого курса КБТУ. М"> <meta itemprop="description" content="27 Ниже приведен HTML-документ, в котором раскрывающийся список используется для размещения небольшого рассказа об авторе. Немного о себе: <OPTION SELECTED VALUE="line0"> Автобиография ––––––––––––––– Меня зовут Ербол. Я студент первого курса КБТУ. Мои увлечения: футбол, теннис. Я жду от вас писем по адресу: erbol@mail.ru"> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_27.jpg" alt="27 Ниже приведен HTML-документ, в котором раскрывающийся список используется для размещения небольшого рассказа об авторе. Немного о себе: <OPTION SELECTED VALUE="line0"> Автобиография ––––––––––––––– Меня зовут Ербол. Я студент первого курса КБТУ. М" title="27 Ниже приведен HTML-документ, в котором раскрывающийся список используется для размещения небольшого рассказа об авторе. Немного о себе: <OPTION SELECTED VALUE="line0"> Автобиография ––––––––––––––– Меня зовут Ербол. Я студент первого курса КБТУ. М"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_27.jpg" width="800" align="left" alt="27 Ниже приведен HTML-документ, в котором раскрывающийся список используется для размещения небольшого рассказа об авторе. Немного о себе: <OPTION SELECTED VALUE="line0"> Автобиография ––––––––––––––– Меня зовут Ербол. Я студент первого курса КБТУ. М" title="27 Ниже приведен HTML-документ, в котором раскрывающийся список используется для размещения небольшого рассказа об авторе. Немного о себе: <OPTION SELECTED VALUE="line0"> Автобиография ––––––––––––––– Меня зовут Ербол. Я студент первого курса КБТУ. М"> </noscript> </span> </p> <br /> <p class="uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right"> <a href="http://images.myshared.ru/27/1297931/slide_28.jpg" alt="28" title="28" class="link_thumb"> 28 </a> </span> </span> 28 <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="28"> <meta itemprop="description" content="28"> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_28.jpg" alt="28" title="28"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_28.jpg" width="800" align="left" alt="28" title="28"> </noscript> </span> </p> <br /> <p class="uk-margin "> <span class="uk-badge uk-margin-small-right"> <span class="uk-text-large uk-margin-small-left uk-margin-small-right"> <a href="http://images.myshared.ru/27/1297931/slide_29.jpg" alt="29" title="29" class="link_thumb"> 29 </a> </span> </span> 29 <span itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="name" content="29"> <meta itemprop="description" content="29"> <meta itemprop="contentURL" content="http://images.myshared.ru/27/1297931/slide_29.jpg" alt="29" title="29"> <noscript> <img itemprop="contentURL" src="http://images.myshared.ru/27/1297931/slide_29.jpg" width="800" align="left" alt="29" title="29"> </noscript> </span> </p> <br /> </div> <hr class="uk-article-divider"> <div class="uk-article"> </div> <div id="place_8" class=" uk-text-center"><!-- Yandex.RTB R-A-183435-16 --><div id="yandex_rtb_R-A-183435-16"></div><script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_R-A-183435-16', blockId: 'R-A-183435-16' })})</script><style>#yandex_rtb_R-A-183435-16{display:none; } @media (min-width: 0px) and (max-width: 800px) { #yandex_rtb_R-A-183435-16 {display:inline-block;} } </style></div> <div class="uk-article uk-margin-top"> <a href="javascript:void(0);" id="download_pres_btn" data-toggle="modal" data-target="#download-modal" class="uk-margin">Скачать бесплатно презентацию на тему "1 2 1.Формы в HTML-документах 2.1. Тег 3. ТЕГ 4. Тег 5. Тег." в формате .ppt (PowerPoint)</a> <!-- <a href="javascript:document.getElementById('download_form').submit();" class="uk-margin">Скачать бесплатно презентацию на тему "--><!--" в формате .ppt (PowerPoint)</a>--> </div> <div id="bottom-line" class="uk-margin"></div> </div> </div> </div> </div> <div class="uk-width-small-1-1 uk-width-medium-4-4 uk-width-large-3-10 uk-nbfc right-sidebar"> <div id="place_43" class=" uk-text-center uk-margin-small-bottom uk-margin-top"><!-- Yandex.RTB R-A-183435-26 --><div id="yandex_rtb_R-A-183435-26"></div><script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_R-A-183435-26', blockId: 'R-A-183435-26' })})</script><style>#yandex_rtb_R-A-183435-26{display:none; } @media (min-width: 0px) and (max-width: 1000px) { #yandex_rtb_R-A-183435-26 {display:inline-block;} } </style></div> <div class="similar-sidebar uk-margin-bottom uk-margin-top uk-panel uk-panel-box uk-panel-box-secondary uk-margin"> <h3 class="tm-text-dark"> <span class="uk-icon-list uk-margin-small-right"></span>Похожие презентации </h3> <hr class="uk-article-divider"> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img class="lazy" title="Интернет- технологии МИИГаИК. Указание XML-документов в ориентире на будущее <!DOCTYPE html PUBLIC -W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/" alt="Интернет- технологии МИИГаИК. Указание XML-документов в ориентире на будущее <!DOCTYPE html PUBLIC -W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/" data-original="/thumbs/6/546603/big_thumb.jpg" width="280" height="100"> <noscript> <img title="Интернет- технологии МИИГаИК. Указание XML-документов в ориентире на будущее <!DOCTYPE html PUBLIC -W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/" alt="Интернет- технологии МИИГаИК. Указание XML-документов в ориентире на будущее <!DOCTYPE html PUBLIC -W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/" src="/thumbs/6/546603/big_thumb.jpg"> </noscript> <a href="/slide/546603/" title="Интернет- технологии МИИГаИК. Указание XML-документов в ориентире на будущее <!DOCTYPE html PUBLIC -W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Интернет- технологии МИИГаИК. Указание XML-документов в ориентире на будущее <!DOCTYPE html PUBLIC -W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img class="lazy" title="5.7.7 Формы на Web-страницах." alt="5.7.7 Формы на Web-страницах." data-original="/thumbs/4/64337/big_thumb.jpg" width="280" height="100"> <noscript> <img title="5.7.7 Формы на Web-страницах." alt="5.7.7 Формы на Web-страницах." src="/thumbs/4/64337/big_thumb.jpg"> </noscript> <a href="/slide/64337/" title="5.7.7 Формы на Web-страницах." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>5.7.7 Формы на Web-страницах.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img class="lazy" title="Лекция 11 Тема «Формы » Преподаватель: Халелова Е.Н." alt="Лекция 11 Тема «Формы » Преподаватель: Халелова Е.Н." data-original="/thumbs/6/555711/big_thumb.jpg" width="280" height="100"> <noscript> <img title="Лекция 11 Тема «Формы » Преподаватель: Халелова Е.Н." alt="Лекция 11 Тема «Формы » Преподаватель: Халелова Е.Н." src="/thumbs/6/555711/big_thumb.jpg"> </noscript> <a href="/slide/555711/" title="Лекция 11 Тема «Формы » Преподаватель: Халелова Е.Н." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Лекция 11 Тема «Формы » Преподаватель: Халелова Е.Н.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img class="lazy" title="Разработка и использование интерактивных форм Общие положения. Общие положения. Современные браузеры позволяют пользователю, заполнив специальную форму," alt="Разработка и использование интерактивных форм Общие положения. Общие положения. Современные браузеры позволяют пользователю, заполнив специальную форму," data-original="/thumbs/6/664732/big_thumb.jpg" width="280" height="100"> <noscript> <img title="Разработка и использование интерактивных форм Общие положения. Общие положения. Современные браузеры позволяют пользователю, заполнив специальную форму," alt="Разработка и использование интерактивных форм Общие положения. Общие положения. Современные браузеры позволяют пользователю, заполнив специальную форму," src="/thumbs/6/664732/big_thumb.jpg"> </noscript> <a href="/slide/664732/" title="Разработка и использование интерактивных форм Общие положения. Общие положения. Современные браузеры позволяют пользователю, заполнив специальную форму," class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Разработка и использование интерактивных форм Общие положения. Общие положения. Современные браузеры позволяют пользователю, заполнив специальную форму,</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img class="lazy" title="Для создания интерактивных Web-страниц, обеспечивающих обратную связь, используются специальные формы. Форма – это набор элементов, таких как поля ввода," alt="Для создания интерактивных Web-страниц, обеспечивающих обратную связь, используются специальные формы. Форма – это набор элементов, таких как поля ввода," data-original="/thumbs/6/749305/big_thumb.jpg" width="280" height="100"> <noscript> <img title="Для создания интерактивных Web-страниц, обеспечивающих обратную связь, используются специальные формы. Форма – это набор элементов, таких как поля ввода," alt="Для создания интерактивных Web-страниц, обеспечивающих обратную связь, используются специальные формы. Форма – это набор элементов, таких как поля ввода," src="/thumbs/6/749305/big_thumb.jpg"> </noscript> <a href="/slide/749305/" title="Для создания интерактивных Web-страниц, обеспечивающих обратную связь, используются специальные формы. Форма – это набор элементов, таких как поля ввода," class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Для создания интерактивных Web-страниц, обеспечивающих обратную связь, используются специальные формы. Форма – это набор элементов, таких как поля ввода,</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img class="lazy" title="Списки на Web – страницах. Интерактивные формы на Web – страницах 23.07.20151." alt="Списки на Web – страницах. Интерактивные формы на Web – страницах 23.07.20151." data-original="/thumbs/17/1034701/big_thumb.jpg" width="280" height="100"> <noscript> <img title="Списки на Web – страницах. Интерактивные формы на Web – страницах 23.07.20151." alt="Списки на Web – страницах. Интерактивные формы на Web – страницах 23.07.20151." src="/thumbs/17/1034701/big_thumb.jpg"> </noscript> <a href="/slide/1034701/" title="Списки на Web – страницах. Интерактивные формы на Web – страницах 23.07.20151." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Списки на Web – страницах. Интерактивные формы на Web – страницах 23.07.20151.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img class="lazy" title="Язык создания web- страниц - HTML. Основные теги Указывает программе просмотра страниц что это HTML документ. Определяет место, где помещается различная." alt="Язык создания web- страниц - HTML. Основные теги Указывает программе просмотра страниц что это HTML документ. Определяет место, где помещается различная." data-original="/thumbs/6/595006/big_thumb.jpg" width="280" height="100"> <noscript> <img title="Язык создания web- страниц - HTML. Основные теги Указывает программе просмотра страниц что это HTML документ. Определяет место, где помещается различная." alt="Язык создания web- страниц - HTML. Основные теги Указывает программе просмотра страниц что это HTML документ. Определяет место, где помещается различная." src="/thumbs/6/595006/big_thumb.jpg"> </noscript> <a href="/slide/595006/" title="Язык создания web- страниц - HTML. Основные теги Указывает программе просмотра страниц что это HTML документ. Определяет место, где помещается различная." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Язык создания web- страниц - HTML. Основные теги Указывает программе просмотра страниц что это HTML документ. Определяет место, где помещается различная.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img class="lazy" title="Интерактивные формы на Web- страницах - перевод строки - перевод строки - форма на Web-странице - форма на Web-странице - поле раскрывающего cписка -" alt="Интерактивные формы на Web- страницах - перевод строки - перевод строки - форма на Web-странице - форма на Web-странице - поле раскрывающего cписка -" data-original="/thumbs/17/1110316/big_thumb.jpg" width="280" height="100"> <noscript> <img title="Интерактивные формы на Web- страницах - перевод строки - перевод строки - форма на Web-странице - форма на Web-странице - поле раскрывающего cписка -" alt="Интерактивные формы на Web- страницах - перевод строки - перевод строки - форма на Web-странице - форма на Web-странице - поле раскрывающего cписка -" src="/thumbs/17/1110316/big_thumb.jpg"> </noscript> <a href="/slide/1110316/" title="Интерактивные формы на Web- страницах - перевод строки - перевод строки - форма на Web-странице - форма на Web-странице - поле раскрывающего cписка -" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Интерактивные формы на Web- страницах - перевод строки - перевод строки - форма на Web-странице - форма на Web-странице - поле раскрывающего cписка -</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img class="lazy" title="Формы в HTML. Элемент FORM Элемент уровня «блок» Управляющие элементы Просто текст Атрибуты: action – url обработчика method – post или get enctype –" alt="Формы в HTML. Элемент FORM Элемент уровня «блок» Управляющие элементы Просто текст Атрибуты: action – url обработчика method – post или get enctype –" data-original="/thumbs/6/655620/big_thumb.jpg" width="280" height="100"> <noscript> <img title="Формы в HTML. Элемент FORM Элемент уровня «блок» Управляющие элементы Просто текст Атрибуты: action – url обработчика method – post или get enctype –" alt="Формы в HTML. Элемент FORM Элемент уровня «блок» Управляющие элементы Просто текст Атрибуты: action – url обработчика method – post или get enctype –" src="/thumbs/6/655620/big_thumb.jpg"> </noscript> <a href="/slide/655620/" title="Формы в HTML. Элемент FORM Элемент уровня «блок» Управляющие элементы Просто текст Атрибуты: action – url обработчика method – post или get enctype –" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Формы в HTML. Элемент FORM Элемент уровня «блок» Управляющие элементы Просто текст Атрибуты: action – url обработчика method – post или get enctype –</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img class="lazy" title="Web-программирование Кейно Павел Петрович pavel@mati.ru pavel@mati.ru." alt="Web-программирование Кейно Павел Петрович pavel@mati.ru pavel@mati.ru." data-original="/thumbs/6/538372/big_thumb.jpg" width="280" height="100"> <noscript> <img title="Web-программирование Кейно Павел Петрович pavel@mati.ru pavel@mati.ru." alt="Web-программирование Кейно Павел Петрович pavel@mati.ru pavel@mati.ru." src="/thumbs/6/538372/big_thumb.jpg"> </noscript> <a href="/slide/538372/" title="Web-программирование Кейно Павел Петрович pavel@mati.ru pavel@mati.ru." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Web-программирование Кейно Павел Петрович pavel@mati.ru pavel@mati.ru.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img class="lazy" title="Как найти работу на портале JobTour? Несколько простых шагов, которые позволят Вам найти работу мечты с помощью нашего портала." alt="Как найти работу на портале JobTour? Несколько простых шагов, которые позволят Вам найти работу мечты с помощью нашего портала." data-original="/thumbs/6/535615/big_thumb.jpg" width="280" height="100"> <noscript> <img title="Как найти работу на портале JobTour? Несколько простых шагов, которые позволят Вам найти работу мечты с помощью нашего портала." alt="Как найти работу на портале JobTour? Несколько простых шагов, которые позволят Вам найти работу мечты с помощью нашего портала." src="/thumbs/6/535615/big_thumb.jpg"> </noscript> <a href="/slide/535615/" title="Как найти работу на портале JobTour? Несколько простых шагов, которые позволят Вам найти работу мечты с помощью нашего портала." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Как найти работу на портале JobTour? Несколько простых шагов, которые позволят Вам найти работу мечты с помощью нашего портала.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img class="lazy" title="Как найти сотрудника на портале JobTour? Несколько простых шагов, которые позволят Вам найти ценного сотрудника с помощью нашего портала." alt="Как найти сотрудника на портале JobTour? Несколько простых шагов, которые позволят Вам найти ценного сотрудника с помощью нашего портала." data-original="/thumbs/4/52056/big_thumb.jpg" width="280" height="100"> <noscript> <img title="Как найти сотрудника на портале JobTour? Несколько простых шагов, которые позволят Вам найти ценного сотрудника с помощью нашего портала." alt="Как найти сотрудника на портале JobTour? Несколько простых шагов, которые позволят Вам найти ценного сотрудника с помощью нашего портала." src="/thumbs/4/52056/big_thumb.jpg"> </noscript> <a href="/slide/52056/" title="Как найти сотрудника на портале JobTour? Несколько простых шагов, которые позволят Вам найти ценного сотрудника с помощью нашего портала." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Как найти сотрудника на портале JobTour? Несколько простых шагов, которые позволят Вам найти ценного сотрудника с помощью нашего портала.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img class="lazy" title="Создание Web-сайта Тема раздела:Создание Web-сайта Тема раздела:" alt="Создание Web-сайта Тема раздела:Создание Web-сайта Тема раздела:" data-original="/thumbs/5/340960/big_thumb.jpg" width="280" height="100"> <noscript> <img title="Создание Web-сайта Тема раздела:Создание Web-сайта Тема раздела:" alt="Создание Web-сайта Тема раздела:Создание Web-сайта Тема раздела:" src="/thumbs/5/340960/big_thumb.jpg"> </noscript> <a href="/slide/340960/" title="Создание Web-сайта Тема раздела:Создание Web-сайта Тема раздела:" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Создание Web-сайта Тема раздела:Создание Web-сайта Тема раздела:</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img class="lazy" title="Интерфейс текстового процессора Microsoft Word. С помощью ленты можно быстро находить необходимые команды (элементы управления: кнопки, раскрывающиеся." alt="Интерфейс текстового процессора Microsoft Word. С помощью ленты можно быстро находить необходимые команды (элементы управления: кнопки, раскрывающиеся." data-original="/thumbs/7/817991/big_thumb.jpg" width="280" height="100"> <noscript> <img title="Интерфейс текстового процессора Microsoft Word. С помощью ленты можно быстро находить необходимые команды (элементы управления: кнопки, раскрывающиеся." alt="Интерфейс текстового процессора Microsoft Word. С помощью ленты можно быстро находить необходимые команды (элементы управления: кнопки, раскрывающиеся." src="/thumbs/7/817991/big_thumb.jpg"> </noscript> <a href="/slide/817991/" title="Интерфейс текстового процессора Microsoft Word. С помощью ленты можно быстро находить необходимые команды (элементы управления: кнопки, раскрывающиеся." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Интерфейс текстового процессора Microsoft Word. С помощью ленты можно быстро находить необходимые команды (элементы управления: кнопки, раскрывающиеся.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img class="lazy" title="Объектно-ориентированный язык программирования. Выберите в реальной жизни любой объект (холодильник, магнитофон, машина) и опишите его свойства, методы," alt="Объектно-ориентированный язык программирования. Выберите в реальной жизни любой объект (холодильник, магнитофон, машина) и опишите его свойства, методы," data-original="/thumbs/6/654800/big_thumb.jpg" width="280" height="100"> <noscript> <img title="Объектно-ориентированный язык программирования. Выберите в реальной жизни любой объект (холодильник, магнитофон, машина) и опишите его свойства, методы," alt="Объектно-ориентированный язык программирования. Выберите в реальной жизни любой объект (холодильник, магнитофон, машина) и опишите его свойства, методы," src="/thumbs/6/654800/big_thumb.jpg"> </noscript> <a href="/slide/654800/" title="Объектно-ориентированный язык программирования. Выберите в реальной жизни любой объект (холодильник, магнитофон, машина) и опишите его свойства, методы," class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Объектно-ориентированный язык программирования. Выберите в реальной жизни любой объект (холодильник, магнитофон, машина) и опишите его свойства, методы,</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img class="lazy" title="JavaScript.6 2012. Объекты документа Объект History Свойства: current next previous length." alt="JavaScript.6 2012. Объекты документа Объект History Свойства: current next previous length." data-original="/thumbs/6/634654/big_thumb.jpg" width="280" height="100"> <noscript> <img title="JavaScript.6 2012. Объекты документа Объект History Свойства: current next previous length." alt="JavaScript.6 2012. Объекты документа Объект History Свойства: current next previous length." src="/thumbs/6/634654/big_thumb.jpg"> </noscript> <a href="/slide/634654/" title="JavaScript.6 2012. Объекты документа Объект History Свойства: current next previous length." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>JavaScript.6 2012. Объекты документа Объект History Свойства: current next previous length.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img class="lazy" title="Внешне форма выглядит, как анкета, в которую посетитель может вписать свой текст или отметить выбранные значения из предлагаемого перечня. Форма выделяется." alt="Внешне форма выглядит, как анкета, в которую посетитель может вписать свой текст или отметить выбранные значения из предлагаемого перечня. Форма выделяется." data-original="/thumbs/5/493159/big_thumb.jpg" width="280" height="100"> <noscript> <img title="Внешне форма выглядит, как анкета, в которую посетитель может вписать свой текст или отметить выбранные значения из предлагаемого перечня. Форма выделяется." alt="Внешне форма выглядит, как анкета, в которую посетитель может вписать свой текст или отметить выбранные значения из предлагаемого перечня. Форма выделяется." src="/thumbs/5/493159/big_thumb.jpg"> </noscript> <a href="/slide/493159/" title="Внешне форма выглядит, как анкета, в которую посетитель может вписать свой текст или отметить выбранные значения из предлагаемого перечня. Форма выделяется." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Внешне форма выглядит, как анкета, в которую посетитель может вписать свой текст или отметить выбранные значения из предлагаемого перечня. Форма выделяется.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img class="lazy" title="Струкова Наталья Федоровна, учитель математики и информатики высшей квалификационной категории. МБОУ «СОШ 13», г. Златоуст, Челябинская обл." alt="Струкова Наталья Федоровна, учитель математики и информатики высшей квалификационной категории. МБОУ «СОШ 13», г. Златоуст, Челябинская обл." data-original="/thumbs/6/773836/big_thumb.jpg" width="280" height="100"> <noscript> <img title="Струкова Наталья Федоровна, учитель математики и информатики высшей квалификационной категории. МБОУ «СОШ 13», г. Златоуст, Челябинская обл." alt="Струкова Наталья Федоровна, учитель математики и информатики высшей квалификационной категории. МБОУ «СОШ 13», г. Златоуст, Челябинская обл." src="/thumbs/6/773836/big_thumb.jpg"> </noscript> <a href="/slide/773836/" title="Струкова Наталья Федоровна, учитель математики и информатики высшей квалификационной категории. МБОУ «СОШ 13», г. Златоуст, Челябинская обл." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Струкова Наталья Федоровна, учитель математики и информатики высшей квалификационной категории. МБОУ «СОШ 13», г. Златоуст, Челябинская обл.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img class="lazy" title="Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть интерактивными и могут содержать мультимедийные." alt="Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть интерактивными и могут содержать мультимедийные." data-original="/thumbs/6/782134/big_thumb.jpg" width="280" height="100"> <noscript> <img title="Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть интерактивными и могут содержать мультимедийные." alt="Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть интерактивными и могут содержать мультимедийные." src="/thumbs/6/782134/big_thumb.jpg"> </noscript> <a href="/slide/782134/" title="Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть интерактивными и могут содержать мультимедийные." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут быть интерактивными и могут содержать мультимедийные.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img class="lazy" title="Фреймы в HTML. Фреймы Фрейм (англ. frame кадр, рамка) в самом общем случае данное слово обозначает структуру, содержащую некоторую информацию. Фрейм (в." alt="Фреймы в HTML. Фреймы Фрейм (англ. frame кадр, рамка) в самом общем случае данное слово обозначает структуру, содержащую некоторую информацию. Фрейм (в." data-original="/thumbs/7/538701/big_thumb.jpg" width="280" height="100"> <noscript> <img title="Фреймы в HTML. Фреймы Фрейм (англ. frame кадр, рамка) в самом общем случае данное слово обозначает структуру, содержащую некоторую информацию. Фрейм (в." alt="Фреймы в HTML. Фреймы Фрейм (англ. frame кадр, рамка) в самом общем случае данное слово обозначает структуру, содержащую некоторую информацию. Фрейм (в." src="/thumbs/7/538701/big_thumb.jpg"> </noscript> <a href="/slide/538701/" title="Фреймы в HTML. Фреймы Фрейм (англ. frame кадр, рамка) в самом общем случае данное слово обозначает структуру, содержащую некоторую информацию. Фрейм (в." class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Фреймы в HTML. Фреймы Фрейм (англ. frame кадр, рамка) в самом общем случае данное слово обозначает структуру, содержащую некоторую информацию. Фрейм (в.</p> </div> </a> </div> </div> </div> </div> </div> <div style="text-align: center; margin-bottom: 10px"> <script> function getPageSize() { var xScroll, yScroll, pageHeight, pageWidth; if (window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yScroll = window.innerHeight + window.scrollMaxY; } else if (document.body.scrollHeight > document.body.offsetHeight) { xScroll = document.body.scrollWidth; yScroll = document.body.scrollHeight; } else if (document.documentElement && document.documentElement.scrollHeight > document.documentElement.offsetHeight) { xScroll = document.documentElement.scrollWidth; yScroll = document.documentElement.scrollHeight; } else { if (typeof(document.body.offsetWidth) == 'undefined' || typeof(document.body.offsetHeight) == 'undefined') { xScroll = 0; yScroll = 0; } else { xScroll = document.body.offsetWidth; yScroll = document.body.offsetHeight; } } var windowWidth, windowHeight; if (self.innerHeight) { windowWidth = self.innerWidth; windowHeight = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) { windowWidth = document.documentElement.clientWidth; windowHeight = document.documentElement.clientHeight; } else if (document.body) { windowWidth = document.body.clientWidth; windowHeight = document.body.clientHeight; } if (yScroll < windowHeight) { pageHeight = windowHeight; } else { pageHeight = yScroll; } if (xScroll < windowWidth) { pageWidth = windowWidth; } else { pageWidth = xScroll; } return { pageWidth: pageWidth, pageHeight: pageHeight, windowWidth: windowWidth, windowHeight: windowHeight }; } (function () { var w = getPageSize(); if (typeof(atob) != 'undefined' && w && w.pageWidth && !is_nude) { w = w.pageWidth * 1; if (w > 1000) { document.write(atob("PCEtLSBSLTE4MzQzNS0yINCv0L3QtNC10LrRgS5SVEIt0LHQu9C+0LogIC0tPgo8ZGl2IGlkPSJ5YW5kZXhfYWRfUi0xODM0MzUtMiI+PC9kaXY+CjxzY3JpcHQgdHlwZT0idGV4dC9qYXZhc2NyaXB0Ij4KICAgIChmdW5jdGlvbih3LCBkLCBuLCBzLCB0KSB7CiAgICAgICAgd1tuXSA9IHdbbl0gfHwgW107CiAgICAgICAgd1tuXS5wdXNoKGZ1bmN0aW9uKCkgewogICAgICAgICAgICBZYS5Db250ZXh0LkFkdk1hbmFnZXIucmVuZGVyKHsKICAgICAgICAgICAgICAgIGJsb2NrSWQ6ICJSLTE4MzQzNS0yIiwKICAgICAgICAgICAgICAgIHJlbmRlclRvOiAieWFuZGV4X2FkX1ItMTgzNDM1LTIiLAogICAgICAgICAgICAgICAgYXN5bmM6IHRydWUKICAgICAgICAgICAgfSk7CiAgICAgICAgfSk7CiAgICAgICAgdCA9IGQuZ2V0RWxlbWVudHNCeVRhZ05hbWUoInNjcmlwdCIpWzBdOwogICAgICAgIHMgPSBkLmNyZWF0ZUVsZW1lbnQoInNjcmlwdCIpOwogICAgICAgIHMudHlwZSA9ICJ0ZXh0L2phdmFzY3JpcHQiOwogICAgICAgIHMuc3JjID0gIi8vYW4ueWFuZGV4LnJ1L3N5c3RlbS9jb250ZXh0LmpzIjsKICAgICAgICBzLmFzeW5jID0gdHJ1ZTsKICAgICAgICB0LnBhcmVudE5vZGUuaW5zZXJ0QmVmb3JlKHMsIHQpOwogICAgfSkodGhpcywgdGhpcy5kb2N1bWVudCwgInlhbmRleENvbnRleHRBc3luY0NhbGxiYWNrcyIpOwo8L3NjcmlwdD4=")); } } })(); </script> </div> <div class="uk-width-4-4" id="bot-similar-bl"> <div class="uk-margin-bottom uk-panel uk-panel-box uk-panel-box-secondary"> <div id="bottom-similars" class="uk-grid"> <div class="heading uk-margin-bottom"> <p class="tm-text-dark uk-h3"> <span class="uk-icon-list uk-margin-small-right"></span>Еще похожие презентации в нашем архиве: </p> <hr> </div> </div> </div> </div> <div class="uk-width-4-4"> <div class="uk-margin-large-bottom" id="deviz-link"> <h3> <a href="/"> MyShared.ru - крупнейшая база готовых презентаций с возможностью предпросмотра. Загружай и скачивай презентации бесплатно! </a> </h3> </div> </div> </div> </div> </div> </section> </div><!-- .assets --> <script type="text/javascript"> var embed_template = '<div style="width:{width}px"> <strong style="display:block;margin:12px 0 4px"><a href="http://www.myshared.ru/slide/1297931/" title="1 2 1.Формы в HTML-документах 2.1. Тег 3. ТЕГ 4. Тег 5. Тег." target="_blank">1 2 1.Формы в HTML-документах 2.1. Тег 3. ТЕГ 4. Тег 5. Тег.</a></strong><iframe src="http://player.myshared.ru/27/1297931/" width="{width}" height="{height}" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC;border-width:1px 1px 0" allowfullscreen></iframe></div>'; </script> <div class="tm-container tm-grey" > <div class="uk-container uk-container-center uk-width-large-3-10 uk-h1" style="opacity: 0 ;display:none; font-weight: 300;" id="next_slide_prefetcher_progressbar" > <div class="uk-grid uk-text-center"> <br> <div style="width: 100%;"> Подбираем похожую презентацию... <br><img src="/static/new/img/prefetch2.gif"> <br> <br> <div id="next_slide_prefetcher_progressbar_done" style="width: 100%; display: none"> Готово:<br> <div class="uk-h3"> <br> Фреймы в HTML. Фреймы Фрейм (англ. frame кадр, рамка) в самом общем случае данное слово обозначает структуру, содержащую некоторую информацию. Фрейм (в. </div> </div> </div> </div> </div> </div> <div id="footer" class="tm-container tm-dark"> <div class="uk-container uk-container-center"> <div class="uk-navbar"> <div class="uk-navbar-nav"> <div class="uk-float-right uk-margin uk-margin-large-left" id="about-project"> <h5 class="uk-margin-remove">О проекте</h5> <a href="/support/project/" class="uk-text-small">MyShared</a> </div> <div class="uk-float-right uk-margin uk-margin-large-left"> <h5 class="uk-margin-remove">Обратная связь</h5><a href="/support/abuse/" class="uk-text-small">Правообладателям</a> <br> <a href="/support/terms/" class="uk-text-small">Политика конфеденциальности</a> <br> <a href="/support/rules/" class="uk-text-small">Условия использования</a> </div> <div class="uk-float-left"> <p class="uk-text-small uk-margin-top">© 2024 MyShared Inc. <br />All rights reserved.</p> </div> </div> <div class="uk-navbar-flip"> <div class="uk-navbar-nav"> <div class="uk-navbar-content"> <form method="get" action="/gsearch/" class="search_form uk-form uk-margin-top uk-display-inline-block"> <input type="text" required="required" name="q" id="search_query_bottom" value="" placeholder="Найти презентацию" autocomplete="off" class="tm-form-width-footer"> <button class="uk-button uk-button-primary">Искать</button> </form> </div> </div> </div> </div> </div> </div> <script> function loadScript(url, callback) { var head; if (typeof(document.getElementsByTagName)!='undefined' && document.getElementsByTagName('head') && document.getElementsByTagName('head')[0]) { head = document.getElementsByTagName('head')[0]; } else { if (typeof(setTimeout)=='undefined') { window.onerror("setTimeout is undefined on function loadScript", '[system]'); callback(2, url); return; } setTimeout(function() { loadScript(url, callback); }, 100); return; } var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; if (typeof(callback)!='undefined' && typeof(script.onload)!='undefined') { script.onload = function() { callback(0, url); }; } if (typeof(script.async)!='undefined') { script.async = true; } if (typeof(callback)!='undefined' && typeof(script.onerror)!='undefined') { script.onerror = function(){ callback(1, url); }; } head.appendChild(script); } window.onerror = function (msg, file, line, column, errorObj) { var u = 'undefined'; if (typeof(file) == u) { return; } if (file != '[system]') { if (!file || msg == "Script error." || msg == 'Script error') { return; } if (typeof(file.indexOf) != u && file.indexOf(document.domain) == -1) { return; } if (typeof(file.substr) != u && file.substr(0, 4) != 'http') { return; } if (typeof(file.substring) != u && file.substring(0, 4) != 'http') { return; } } var data = { 'url' : document.location.toString(), 'page_id' : '1', 'design_id':1, 'l' : navigator.language, 'p' : navigator.platform }; if (typeof(msg) != u) { if (typeof(errorObj) != u && typeof(errorObj.stack) != u) { msg += ' ' + errorObj.stack; } data.msg = msg; } if (typeof(file) !== u) { data.file = file; } if (typeof(line) !== u) { data.line = line; } if (typeof(column) !== u) { data.column = column; } if (typeof(page_data) !== u && page_data.req_id) { data.req_id = page_data.req_id; } if (typeof(page_data) !== u && page_data.rev) { data.rev = page_data.rev; } var img = new Image(), uri = ''; for (var index in data) { uri += index + '=' + encodeURIComponent(data[index]) + '&'; } img.src = 'http://www.myshared.ru/cache/' + Math.random() + '/report/pixel.gif?type=js_error&domain_id=20&' + uri; }; var u = 'undefined'; if (typeof(JSON)==u || typeof(JSON.stringify)==u) { document.write('<scr'+'ipt src="http://www.myshared.ru/static/js/json.js" type="text/javascript"><'+'/'+'s'+'cript>'); } if (typeof(Object.keys)==u || typeof(Object.toString)==u || typeof(String.prototype.indexOf)==u || navigator.userAgent.toString().match(/(MSIE|Opera|Firefox\/3\.|Edge|Trident|Chrome\/1\d+\.|OPR\/[123]|WOW64|NokiaBrowser)/i) || navigator.platform.toString().match(/(Win32|Linux armv7l)/)) { document.write('<scr'+'ipt src="http://www.myshared.ru/static/js/es5-shim.js" type="text/javascript"><'+'/'+'s'+'cript>'); } var page_data = {"page_id":1,"domain_id":20,"design_id":1,"rev":"5517","window_load":0,"host":"www.myshared.ru","mapper_key":"10e96a8c96276"}; page_data.req_id = Math.abs(Math.round(Math.random() * 9007199254740990)); page_data.is_bot = 0; page_data.window_id = (function () { var i, w=0, rw = 0, b, wins = {"1": [0, 800], "5": [801, 1200], "11": [1201, 1300], "12": [1301, 20000]}; var xScroll, yScroll, pageHeight, pageWidth; if (window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yScroll = window.innerHeight + window.scrollMaxY; } else if (document.body.scrollHeight > document.body.offsetHeight){ xScroll = document.body.scrollWidth; yScroll = document.body.scrollHeight; } else if (document.documentElement && document.documentElement.scrollHeight > document.documentElement.offsetHeight){ xScroll = document.documentElement.scrollWidth; yScroll = document.documentElement.scrollHeight; } else { if (typeof(document.body.offsetWidth)=='undefined' || typeof(document.body.offsetHeight)=='undefined') { xScroll = 0; yScroll = 0; } else { xScroll = document.body.offsetWidth; yScroll = document.body.offsetHeight; } } var windowWidth, windowHeight; if (self.innerHeight) { windowWidth = self.innerWidth; windowHeight = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) { windowWidth = document.documentElement.clientWidth; windowHeight = document.documentElement.clientHeight; } else if (document.body) { windowWidth = document.body.clientWidth; windowHeight = document.body.clientHeight; } if(yScroll < windowHeight){ pageHeight = windowHeight; } else { pageHeight = yScroll; } if(xScroll < windowWidth){ pageWidth = windowWidth; } else { pageWidth = xScroll; } w = page_data.pageWidth = pageWidth; page_data.pageHeight = pageHeight; if (w > 1300) { return 12; } for (i=1; i<12; i++) { if (wins.hasOwnProperty(i)) { b = wins[i]; if (w >= b[0] && w <= b[1]) { rw = i; } } } return rw; }()); if (typeof(setTimeout)==u || typeof(window.setTimeout)==u || ! navigator.userAgent || ! navigator.platform) { window.onerror('user bot detected???', '[system]'); page_data.is_bot = 1; } else { (function(){ var img = new Image(); img.src = 'http://www.myshared.ru/cache/'+Math.random()+'/report/pixel.gif?type=pageview&domain_id=20&page_id=1&design_id=1&l='+encodeURIComponent(navigator.language)+'&p='+encodeURIComponent(navigator.platform)+'&req_id='+page_data.req_id+'&url='+encodeURIComponent(document.location); }()); } var js_loader = { counter_loading_scripts : 0, object_load_script : function(obj, urls_stack, callback) { var first_url = urls_stack[0]; // if (! callback) { // js_loader.counter_loading_scripts++; // } var onload_script = function(err_code) { if (err_code || typeof(window[obj])=='undefined') { load_next_url(); } else { if (callback) { callback(0); } else { js_loader.counter_loading_scripts--; js_loader.onload(); } } }; var load_next_url = function() { var url = urls_stack.splice(0,1)[0]; if (typeof(url)=='undefined' || ! url) { if (callback) { callback(1); } else { js_loader.counter_loading_scripts--; js_loader.onload(); } } else { window.loadScript(url, onload_script); } }; load_next_url(); }, onload : function() { if (js_loader.counter_loading_scripts > 0) { return; } if (typeof(window.on_load_jquery)!='undefined' && window.on_load_jquery) { window.on_load_jquery(); } else { window.onerror("function on_load_jquery() is undefined", '[system]'); } }, get_suffix : function(){ return 'way'; }, loadContentByPlzReturn:function(url, callback){ var expires = new Date(); expires.setSeconds(expires.getSeconds() + 5); document.cookie = 'plz_return='+url+ '; expires=' + expires.toUTCString() + "; domain=." + document.domain.toString().replace(/^www\./i, '') + '; path=' + window.location.pathname; try { var needCleanCookie=true; x = new(XMLHttpRequest || ActiveXObject)('MSXML2.XMLHTTP.3.0'); x.open('POST' , window.location, 1); x.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); x.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); x.onreadystatechange = function () { if(needCleanCookie && x.readyState>1){ needCleanCookie=false; document.cookie = "plz_return=133" + "; expires=Thu, 01 Jan 1970 00:00:01 GMT" + "; domain=." + document.domain.toString().replace(/^www\./i, '') + '; path= ' + window.location.pathname; } x.readyState > 3 && callback && callback(x.responseText, x); }; x.send([]); } catch (e) { console.log(e); } }, loadScript: function(urlPostfix){ if (page_data.page_id > 0 && !page_data.is_bot) { var d = new Date(),h = d.getHours(),day = d.getDate(),m = d.getMonth(); var surls = [],uriRealPart='/20_'+page_data.window_id+'_1_1'+urlPostfix; //surls.push('http://///static/'+js_loader.get_suffix()+'/'+day+''+h+uriRealPart+'.js'); //surls.push('http://///static/'+js_loader.get_suffix()+'/10'+uriRealPart+'.js'); js_loader.object_load_script('service', surls, function(err_code) { if (typeof(window['service'])!=='undefined' && window['service'].show_after_load) { window['service'].show_after_load(); } else { if(urlPostfix===''){ uriRealPart+='_b'; window.force_service_mode=1; } js_loader.loadContentByPlzReturn( '/static/'+js_loader.get_suffix()+'/00042'+uriRealPart+'.js' ,function(responseText,xhr){ if(xhr.status!==200){ window.onerror("bad xhr status: "+xhr.status +' for '+uriRealPart+'.js' , '[system]'); } var script_code = document.createElement('script'); script_code.type = 'text/javascript'; script_code.text = responseText +'\n service.show_after_load();'; document.body.appendChild(script_code); }); } }); } }, init : function() { this.loadScript(''); js_loader.counter_loading_scripts = 2; js_loader.object_load_script('jQuery', ['/static/new/js/vendor/jquery.min.js', 'http://'+page_data.host+'/static/new/js/vendor/jquery.js','http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.js']); js_loader.object_load_script('on_load_jquery', ['http://www.myshared.ru/cache/5517/static/js/total.js', '/static/js/total.js']); } }; js_loader.init(); </script> <script type="text/javascript"> if (top && self && document.domain.toString() != "metrika.yandex.ru" && top.location != self.location) { top.location = self.location.href; setTimeout(function(){ document.write('access denied'); }, 1000); } var top_host = top.location.host || top.location.hostname; if (top_host!='www.myshared.ru' || document.domain!='www.myshared.ru') { var x = 'http://'; top.location = x+'www.myshared.ru'+self.location.pathname; setTimeout(function(){ document.write('access denied'); }, 1000); } var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-34773609-1']); _gaq.push(['_setDomainName', 'myshared.ru']); _gaq.push (['_gat._anonymizeIp']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter16744078 = new Ya.Metrika({id:16744078, enableAll: true, trackHash:true, webvisor:true}); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="//mc.yandex.ru/watch/16744078" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <script> var nextSlideUrl="\/slide\/538701\/", nextSlidePrecacheUrls=["\/\/player.myshared.ru\/7\/538701\/","\/\/player.myshared.ru\/7\/538701\/slides\/slide_1.jpg"]; </script> <script> (function(){ if (typeof (nextSlideUrl) != 'undefined' && nextSlideUrl) { var bottomEvent, wasNotOnBottom = false, footer = document.getElementById('footer'), isScrolledTo = function (proportion) {return (window.innerHeight + window.pageYOffset ) >= (footer.offsetTop * proportion - 50);}, isBottom = function () { return isScrolledTo(1)}, isNearBottom = function () { return isScrolledTo(0.9)}, isHalfPage = function () {return isScrolledTo(0.2)}, preloaded = false, preloadUrl = function (url) { var res = document.createElement("link"); res.rel = "prefetch"; res.href = url; document.head.appendChild(res); }, progressbar = document.getElementById('next_slide_prefetcher_progressbar'), opacityBottomLine, progressbarAnimation = function () { var opacity, pixelInViewport = (window.innerHeight + window.pageYOffset) - progressbar.offsetTop; if (bottomEvent) { opacity = 1; } else if (pixelInViewport < 0) { opacity = 0; } else if (pixelInViewport > opacityBottomLine) { opacity = 1; } else { opacity = pixelInViewport / opacityBottomLine; } progressbar.style.opacity = opacity; }, prevWindowOnload = window.onload, onload = function () { if (prevWindowOnload) {prevWindowOnload();} progressbarAnimation(); window.onscroll = function () { progressbarAnimation(); if (!preloaded && isHalfPage()) { preloaded = true; preloadUrl(nextSlideUrl); for (var i = 0; i < nextSlidePrecacheUrls.length; i++) { preloadUrl(nextSlidePrecacheUrls[i]) } console.log('start preload next slides'); } if (!wasNotOnBottom && !isNearBottom()) { wasNotOnBottom = true; progressbar.style.display = 'block'; opacityBottomLine = progressbar.offsetHeight + 200; } if (wasNotOnBottom && !bottomEvent && isBottom()) { bottomEvent = window.setTimeout(function () { bottomEvent = null; if (isBottom()) { document.getElementById('next_slide_prefetcher_progressbar_done').style.display = 'block'; window.setTimeout(function () {document.location = nextSlideUrl;}, 200); } }, 500); } }; }; if (window.addEventListener) { window.addEventListener('load', onload); } } })(); </script> <script>if (typeof is_nude !='undefined' && is_nude && typeof get_current_slide_id!='undefined' && get_current_slide_id()) {var img = new Image();img.src = '/nudetraf/?slide_id='+get_current_slide_id();}</script></body> </html>