36. Создание и оформление списков в документе html. Вложенные списки, список определений.

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

Списки также определяют структуру документа. Визуально списки отображаются следующим образом:

• Текст 1

• Текст 2

• Текст 3

• Текст 4

Это пример маркированного списка. Маркированные списки применяются для перечисления неупорядоченной информации, здесь каждый новый элемент выделяется маркером. Неупорядоченные списки вводятся тэгом:

<ul>….</ul>

Между тегами помещаются элементы списка, текст которых начинается с тега <li> и этим тегом может заканчиваться. Закрывающий лег </li> можно пропустить, тогда текстои элемента списка считается весь текст, расположенный до следующего <li>.

К тексту элементов любых списков можно применять средства форматирования.

Элементы UL и LI имеют ряд атрибутов. Примером атрибутов являются:

compact – отображает список компактно (его действие зависит от конкретного браузера)

type – позволяет задать тип маркера списка, например: circle (круг без заливки), disk ( круг с заливкой), square ( квадрат). По умолчанию используется закрашенный круг.

Кроме неупорядоченных, маркированных списков существуют еще и упорядоченные, нумерованные списки:

Нумерованные списки применяются для упорядочивания данных и обозначаются тегом <OL></OL>. Атрибуты:

compact – отображает список компактно

type – задает тип нумерации, доступны следующие значения: 1- арабские цифры, I, i – большие или малые римские цифры, А или а – большие или малые буквы латинского алфавита

start – номер первого элемента списка(при задании атрибута нужно учитывать тип нумерации элементов списка, например номеру 5 соответствует латинская буква E). Атрибут используется, когда надо продолжить нумерацию.

<ol type="I" > <li>Сначала сделаем это</li> <li>Затем мы сделаем то</li> <li>А также действие третье</li> <li>И с ним нас четвертое ждет </li> </ol>

Получаем:

1. Сначала сделаем это

2. Затем мы сделаем то

3. А также действие третье

4. И с ним нас четвертое ждет

Кроме упорядоченных и неупорядоченных списков еще существуют и списки определений. Для задания списков определений используется парный тег <DL>. Каэдый элемент списка определений состоит из двух частей: термина (элемент DT) и определения термина (элемент DD). Браузер по-разному отображает термины и определения. Списки определений повышают наглядность текста и подчеркивают особую роль некоторых абзацев.

37.Использование форм на Web-страницах, методы отправки данных форм, элемент form и его атрибуты.

Формы превращают WWW в интерактивную среду. Они реализуют простейший способ связи пользователя с сервером. Формы- один из инструментов, который позволяет разработчику организовать взаимодействие с пользователями программ, работающих в сети. Данные, введенные пользователем в форму, обрабатываются специализированными приложениями (CGI), работающими на сервере. Документы, содержащие формы, отличаются от обычных документов наличием различных элементов управления: полей ввода текста, флажков, кнопок и пр. C помощью форм, разработчик задает вопросы, создавая форму, а пользователь отвечает на них заполняя её. Содержимое формы либо передаётся сценарию CGI, либо по электронной почте посылается получателю. Сам процесс создания формы состоит из двух этапов. Первый заключается в создании самой формы, а второй заключает в себе создание на сервере сценария CGI.

Сервер в дальнейшем обрабатывает информацию, полученную через форму и, если необходимо, возвращает пользователю ответы.

Методы отправки данных форм:

Get – используется для отправки небольших объемов данных, для которых достаточно набора символов кодировки ASCII. При этом данные формы присоединяются к строке URL, заданной в action формы. Для отделения данных от URL используется символ «?».

Post – позволяет передавать CGI-приложению практически любые данные. Браузер отправляет приложению не строку URL с присоединенными данными, а по специальным правилам упаковывает данные формы и только после этого отправляет их CGI-приложению.

Создание форм

Для вставки формы в HTML-документ используется парный тег Form. Между открывающим и закрывающим тегом помещаются описания элементов управления формы, а также текст для пояснения, какие данные и какой элемент управления надо вводить. Атрибуты элемента Form:

• Action обязательный для каждой формы параметр, URL-программы-обработчика данных формы;

• Method задает способ отправки данных, введенных в форму, может принимать значения get(принимается по умолчанию) или post. Для того, чтобы с использованием метода post пересылать бинарные или текстовые данные, для которых не достаточно ASCII, нужно указать значение атрибута enctype равным multipart/form-data;

• Enctype задает тип данных формы, если используется метод отправки post ; по-умолчанию имеет значение application/x-www-form-urlencoded; при необходимости передачи файлов используется значение multipart/form-data;

• Accept-charset применяется при передаче файлов, позволяет, какие кодировки используются для каждого из файлов (список строковых значений – названий кодировак), по-умолчанию устанавливается значение UNKNOWN (приложение на сервере должно само определять кодировки);

• Accept описывает типы файлов (MIME-типы), передаваемые серверу; если этот параметр не используется, то серверное приложение должно уметь само определять типы передаваемых файлов.

Определение элементов управления формы — тег <INPUT>

Данный тег используют для определения области внутри формы, куда вводятся данные. Он формирует поле для ввода информации пользователем. Это может быть текстовое поле, опция, изображение или кнопка.

Атрибуты тега:

Type – принимает строку, задающую тип элемента управления ( по умолчанию используется text и создается поле ввода текста)

Name – задает имя элементу управления (строка, которая помимо идентификации элемента управления добавляется в данные, отсылаемые серверу)

Value – начальное значение для полей ввода текста и полей для указания имен файлов, названий кнопок. Необязателен для всех элементов, кроме флажков и переключателей.

Checked – булев атрибут. Если он установлен, то флажок и переключатель считается установленным.

Disabled – булев атрибут, установка которого не позволяет пользователю работать с элементом управления.

Readonly – булев атрибут, позволяет запретить изменение состояния элемента управления (работает только для текстовых полей и поля выбора файла).

Size – задает размер элемента управления

Значения атрибута type

Значение	Функциональное назначение
type=”text”	Создание поля ввода для текстовых значений.
type=”password”	Создание строки для ввода пароля
type=”checkbox”	Создание флажков
type=”radio”	Формирование переключателей
type=”submit”	Описание кнопки, нажатие на которую подтверждается ввод информации в форму
type=”reset”	Описание кнопки для отмены ввода данных
type=”image”	Построение кнопки с рисунком
type=”file”	Средство выбора файла для присоединения к форме

38.Определение элементов управления формы, создание многострочных областей ввода текста — тег <TEXTAREA>.

Создание многострочных областей ввода текста — тег <TEXTAREA>

В зависимости от типа формы может потребоваться организовать ввод большого количества текста. В таких случаях используется тег <TEXTAREA> для создания текстового поля из нескольких строк. Данный тег использует три атрибута: COLS, NAME и ROWS.