13. Формы языка html (назначение, описание, логика работы).

Для ввода пользователем исходных данных и их передачи браузером на сервер для обработки используются HTML формы.

Такие формы задаются с помощью тэга <form>.

В данном тэге с помощью атрибутов method и action описывается способ обработки данных, вводимых пользователем в форму :

• Атрибут method задает HTTP метод отправки данных формы на сервер (методы Get или Post).

• Атрибут action задает адрес ресурса сервера, которому будут передаваться данные. Это может быть серверный скрипт или шаблон web-страницы.

• Если атрибут action не задан, то данные будут передаваться на тот же адрес, по которому была получена страница с данной формой.

В элемент формы вставляются тэги <input> для задания элементов управления, которые формируют поля для ввода информации пользователями.

Это могут быть текстовые поля, флажки, кнопки и т.п. Вид поля ввода определяется значением атрибута type.

Описание формы в html документе

• Все формы начинаются тэгом <FORM> и завершаются тэгом </FORM>.

<form method="get | post" action="URL">

Элементы_формы_и_другие_элементы_HTML

</form>

• Основные атрибуты

  • METHOD - метод посылки сообщения с данными из формы. В зависимости от используемого метода вы можете посылать результаты ввода данных в форму двумя путями:

    • GET: Информация из формы добавляется в конец URL, который был указан в описании заголовка формы в виде URL?парам1=знач1&парам2=знач2?....

    • POST: Данный метод передает всю информацию о форме немедленно после обращения к указанному URL.

  • ACTION - описывает URL, который будет вызываться для обработки формы. Данный URL почти всегда указывает на CGI-программу или ASP страницу.

14. Каскадные таблицы стилей (css) (назначение, описание и использование).

Язык CSS (Cascading Style Sheets) дает браузеру инструкции о том, как показать различные элементы web-документа.

Есть разные версии языка CSS.

Текущим стандартом языка является CSS2 (вторая версия) утвержденная организацией W3C в 1998 г.

Язык CSS позволяет описать внешний вид документа, составленного с использованием языка разметки, и позволяет решать две основные задачи:

1. определить внешний вид элементов (цвет, шрифт, размер и т.п.);

2. задать позиционирование блоков документов (слева, справа, снизу, в заданном месте и т.п.).

Язык CSS позволяет описать внешний вид документа, составленного с использованием языка разметки, и позволяет решать две основные задачи:

3. определить внешний вид элементов (цвет, шрифт, размер и т.п.);

4. задать позиционирование блоков документов (слева, справа, снизу, в заданном месте и т.п.).

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

В каждом правиле задается:

• условие применения данного правила к элементам web страницы (селектор);

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

• Правило CSS имеет следующий общий вид:

селектор {

свойство1: значение;

свойство2: значение;

свойство3: значение;

}

• В таблицы CSS стилей можно включать комментарии, помещая их между символами /* и */. Комментарии могут содержать несколько строк текста, которые будут игнорироваться браузером.

Селектор определяет способ отбора HTML элементов, к которым будет применяться данное правило.

Например, он может соответствовать реальным названиям элементов (например, body) или задавать элементы, имеющие некоторое значение атрибутов class либо id.

В фигурных скобках { } записываются пары «свойство: значение», которые указывают, какие значения будут задаваться свойствам отобранных элементов.

Свойства определяют, что требуется сделать с выделенными элементами.

Они могут задавать, например, цвет элемента, цвет фона, позицию, поля, заполнение, тип шрифта, и многое другое.

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

Как работает

• Когда браузер загружает web-страницу, то он также загружает и CSS таблицу.

  • в самом HTML документе

  • в отдельном файле.

• Браузер применяет правила CSS таблицы к HTML документу.

• Полученный документ выводится на экран.

Использование таблиц стилей CSS позволяет решить две задачи

• Во первых, быстро стандартизировать стиль элементов страниц, уменьшив количество ошибок и пропуск задания стилей.

• Во-вторых, выделить информацию о форматировании, так чтобы ее совсем не было на web страницах, что позволяет изменять ее без изменения каждой страницы и перекомпиляции кода.