Порядок выполнения

1. Запустите стандартную программу Блокнот (Notepad) и наберите следующий текст с элементами форматирования:

<html>

<body>

<table border=2 width=50% align="center" cellspacing=0>

<tr><th rowspan=2>Сумма</th><th colspan=3> I квартал </th> </tr>

<tr align="center"><td >Январь</td><td > Февраль </td> <td > Март </td></tr>

<tr align="center" ><td >2750</td><td >1600</td><td > 300 </td> <td > 850 </td> </tr>

<tr><th rowspan=2>Сумма</th><th colspan=3> II квартал </th> </tr>

<tr align="center"><td >Апрель</td><td > Май </td> <td > Июнь </td></tr>

<tr align="center" ><td >2050</td><td >900</td><td > 400 </td> <td > 750 </td> </tr>

</table>

</body>

</html>

2. Сохраните файл с расширением html

3. Для просмотра созданной Web-страницы используйте браузер Microsoft Internet Explorer

Задание №2.

Создайте на языке HTML таблицу следующего вида:

1 квартал			2 квартал
Январь	Февраль	Март	Апрель	Май	Июнь
100	550	256	400	380	180
700	550	125	640	290	700

<html>

<body>

<table border=2 width=50% align="center" cellspacing=0>

<tr><th colspan=3> I квартал </th><th colspan=3> II квартал </th> </tr>

<tr align="center" bgcolor="gray" ><td >Январь</td><td > Февраль </td> <td > Март </td><td >Январь</td><td > Февраль </td> <td > Март </td></tr>

<tr align="center"><td >100</td><td > 550 </td> <td > 256 </td><td >400</td><td > 380 </td> <td > 180 </td></tr>

<tr align="center"><td >700</td><td > 550 </td> <td > 125 </td><td >640</td><td > 290 </td> <td > 700 </td></tr>

</table>

</body>

</html>

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

Основные виды HTML форм:

1. Кнопки.

2. Списки.

3. Текстовые поля.

4. Переключатели (флажки).

5. Радиокнопки.

Элементы управления HTML форм позволяют пользователю вводить информацию с помощью браузера и отправлять её на обработку Web-сайту.

Для обработки форм, заполненных пользователем, на Web-сайте используется программа-обработчик. В ответ на данную форму эта программа формирует HTML код.

Группа дескрипторов, формирующих HTML форму.

1. Парный дескриптор <FORM> - задает свойство формы и содержит в своем контейнере элементы этой формы.

Атрибуты:

Атрибут NAME – для задания имя формы.

Например, NAME=”anketa”.

Каждый элемент HTML формы, как и сама форма, должны быть обязательно поименованы.

Атрибут METHOD – определяет, каким способом HTML форма будет отправляться к программе-обработчику.

Есть два варианта:

1)=POST – используется чаще всего.

2)=GET – используется для отправки HTML формы с помощью URL адреса. (По умолчанию задается метод GET).

Атрибут ACTION – задает местоположение программы-обработчика. Значением атрибута служит адрес (абсолютный или относительный).

Например,

ACTION=”executive.php” – файл, в котором хранится программа-обработчик.

Атрибут ENCTYPE – тип кодировки.

Варианты:

=”text/htm/”

=”text/plain” – обычный текст без элементов форматирования

Атрибут TARGET – определяет в какой фрейм отправить полученную информацию. Имеет значение во фреймосодержащих документах.

<FORM action="http://......cgi" method="GET"|"POST" enctype="encodingType" name="formName" target="windowName" onSubmit="Handler">

</FORM>

HTML форма отсылается на обработку Web-сайту в виде записей, которые выглядят следующим образом:

Имя элемента формы(Name) = значение(Value).

Для списков, переключателей, кнопок, радиокнопок обязательно задавать значение атрибута Value. В остальных случаях значение задает пользователь (во время ввода). В случае если при формировании элементов формы типа переключатель (флажок) атрибут Value не используется, в качестве значения будет формироваться предлог On.

Для списков таковым значением по умолчанию будет назначаться текст, расположенный сразу после дескриптора <OPTION>.

Если же используется элемент Web-формы для передачи информации Web-сайту, при передаче формы на обработку должна появиться запись:

Имя элемента формы = его значение.

Элементы форм