Контрольные вопросы. 
Организация и формирование таблиц. 
Построение форм

• 1. Структура таблицы в HTML-документе.
• 2. Основные атрибуты таблицы.
• 3. Вычерчивание рамок и управление размером и цветом ячеек таблицы.
• 4. Какие теги используются для создания форм?
• 5. Каково назначение атрибутов value, checked, size?
• 6. Каков порядок создания меню на гипертекстовой странице?
• 7. Опишите технологию построения управляющих элементов сложной формы.

Ответы на контрольные вопросы

таблица атрибут ячейка браузер

• 1. HTML таблицы упорядочивают и выводят на экран данные с помощью строк или столбцов. Таблицы состоят из ячеек, образующихся при пересечении строк и столбцов. Ячейки таблиц могут содержать любые HTML-элементы, такие как заголовки, списки, текст, изображения, элементы форм, а также другие таблицы. Каждой таблице можно добавить связанный с ней заголовок, расположив его перед таблицей или после неё.
• 2. Атрибуты

Align — Определяет выравнивание таблицы.

Backgroun — Задает фоновый рисунок в таблице.

Bgcolor — Цвет фона таблицы.

Border — Толщина рамки в пикселах.

Bordercolor — Цвет рамки.

Cellpadding — Отступ от рамки до содержимого ячейки.

Cellspacing — Расстояние между ячейками.

Cols — Число колонок в таблице.

Fram — Сообщает браузеру, как отображать границы вокруг таблицы.

Height — Высота таблицы.

Rules — Сообщает браузеру, где отображать границы между ячейками.

Summary — Краткое описание таблицы.

Width — Ширина таблицы.

3. Устанавливает толщину рамки в пикселах. По умолчанию рамка изображается трехмерной, но если используется атрибут bordercolor тега

, то вид рамки меняется в зависимости от браузера. Когда в теге используется атрибут border без значений (), то браузер отображает рамку толщиной один пиксел.…

Для выравнивания всех ячеек в строке может использоваться атрибут align со своими стандартными значениями left, center, right.

Для описания в ячейках заголовков используется внутри тега тег

. При этом текст заголовка в ячейке обычно выделяется полужирным шрифтом.

.

Цвет шрифта текста в таблице, как правило, задается с помощью тега с атрибутом color, например,, а цвет фона внутри ячейки задается атрибутом bgcolor внутри тега

, например,. Тегопределяет обычную ячейку в таблице.

.

• 4. Форма создаётся с помощью тега, внутри которой могут быть любые необходимые теги, и характеризуется следующими необязательными параметрами:
  • — адрес программы на веб-сервере, которая будет обрабатывать содержимое данных формы;
  • — элементами формы, которые представляют собой стандартные поля для ввода информации пользователем;
  • — кнопку отправки данных на сервер.

Тег позволяет создавать различные элементы управления в форме в зависимости от своих атрибутов type, value, checked, size и name.

• — type = «text» Создание поля ввода для текстовых данных.
• — type = «password» Создание строки для ввода пароля.
• — type = «checkbox» Создание флажков.
• — type = «radio» Формирование переключателей.
• — type = «submit» Описание кнопки, нажатие на которую подтверждает ввод информации в форму.
• — type = «reset» Описание кнопки для отмены ввода данных в форму.
• — type = «image» Построение кнопки с рисунком.
• — type = «file» Средство выбора файла для присоединения к форме.
• 5. Атрибут value используется для определения произвольного текста в поле ввода (type = «text») или для надписи на кнопке (type = «submit»).

Атрибут checked определяет переключатель, требуемый по умолчанию.

Атрибут size описывает длину поля ввода.

Атрибут name — имя поля (элемента управления).

6. Тег предназначен для отображения списка пунктов меню. Аналогично тегам

и
внутри контейнера список формируется с помощью тегов
• .
• пункт меню
• пункт меню

Или выпадающее меню:

Выпадающее меню

первый второй mpemuй.

7. Построение элементов управления в формах с помощью тега .

Элемент управления в форме:

ЭЛЕМЕНТ SELECT

Первый.

Второй.

Tpemий.

Выпадающее меню:

Выпадающее меню

первый.

второй.

третий.

Формирование области для ввода текста:

ЭЛЕМЕНТ TEXTAREA.

Область для ввода текста.

Построение кнопки с надписью и рисунком с помощью тегов и .

Фрагмент в коде HTML:

KHOIIKA С НАДПИСЬЮ И РИСУНКОМ

Pencil.

Группа полей:

ГPУППA ПОЛЕЙ.

.

Заголовок группы Имя:

Фамилия: Телефон: