
- •Язык разметки гипертекста html. Назначение html
- •Язык разметки гипертекста html
- •Краткая история html
- •Программы для просмотра электронных документов
- •Лабораторная работа № 1. Язык разметки гипертекста html. Основные понятия языка
- •Основные понятия
- •Структура документа html
- •Задания к лабораторной работе № 1 Задание 1. Создание простейшей Web-страницы.
- •Контрольные вопросы
- •Лабораторная работа № 2. Форматирование текста.
- •Форматирование абзаца
- •Форматирование шрифта
- •Физические стили
- •Размер шрифта
- •Логические стили
- •Горизонтальные линии
- •Escape последовательности (символьные объекты)
- •Контрольные вопросы
- •Лабораторная работа № 3. Управление цветом
- •Цветовая гамма html-документа
- •Сочетание цветов
- •Задания к лабораторной работе № 3 Управление цветом
- •Контрольные вопросы
- •Лабораторная работа № 4. Гиперссылки
- •Относительные адреса ссылок
- •Задания к лабораторной работе № 4 Гипертекстовые ссылки Задание к лабораторной работе №4
- •Контрольные вопросы
- •Лабораторная работа № 5. Работа со списками
- •Маркированный (ненумерованный - Unordered List) список
- •Нумерованные списки
- •Вложенный список
- •Списки определений
- •Список-меню
- •Список-указатель (список-индекс)
- •Теплым.
- •Круглым.
- •Желтым.
- •Контрольные вопросы
- •Лабораторная работа № 6. Вставка графических изображений
- •Роль графики
- •Характеристика графических стандартов
- •Вставка графических изображений
- •Использование карт изображений
- •Преимущества и недостатки карт-изображений
- •Область применения
- •Конфигурация карт-изображений
- •Типы карт-изображений
- •Серверный вариант
- •Клиентский вариант
- •Задания к лабораторной работе № 6 Вставка графических изображений
- •Примеры карт
- •Карта 2
- •Контрольные вопросы
- •Лабораторная работа № 7. Таблицы html-документов
- •Основные методы создания таблиц
- •Цветные таблицы
- •Группировка данных
- •Колонтитулы таблицы
- •Прорисовка структуры таблицы
- •Вложенные таблицы
- •Преимущества вложенных таблиц
- •Задания к лабораторной работе № 7.
- •Задание 3. Форматирование таблицы
- •Контрольные вопросы
- •Лабораторная работа № 8. Формы
- •1. Организация обратной связи
- •2. Авторизация
- •3. Проведение исследований
- •4. Пользовательский профиль
- •Структура пользовательских форм
- •Параметры текстовой строки
- •Параметры опции выбора
- •Параметры кнопки с рисунком
- •Параметры текстового поля
- •Параметры
- •Параметры текстового поля
- •Задания к лабораторной работе № 6 Формы
- •Индивидуальное задание
- •Контрольные вопросы
- •Лабораторная работа № 9. Фреймы
- •Синтаксис фреймов
- •Атрибуты:
- •Планирование фреймов и взаимодействия между фреймами
- •Зарезервированные имена фреймов
- •Бегущая строка (элемент marquee)
- •Фиксация информации на экране (элемент banner)
- •Задания к лабораторной работе № 9. Фреймы
- •Контрольные вопросы
- •Справочник
- •Приложение 1. Таблица спецсимволов
- •Литература
Параметры текстового поля
Параметр |
Описание |
cols |
Определение количества столбцов текстового поля |
rows |
Определение количества строк текстового поля |
name |
Присвоение уникального имени, необходимого для идентификации программой обработчиком |
<html>
<head>
<title> Использование текстового поля </title>
</head>
<body bgcolor="silver">
<H3> Сообщите свои данные</h3>
<FORM>
Ваше имя:
<BR>
<INPUT name ="name" SIZE="30">
<BR> Ваш E-mail:
<BR>
<INPUT name ="e-mail" SIZE="30">
<BR> Комментарий:
<BR>
<TEXTAREA name="comment" rows=6 cols=23>Ваш комментарий... </textarea>
</form>
<INPUT type ="submit" value="Отправить">
<INPUT type="reset" value="Очистить">
</body>
</html>
<SELECT> <OPTION> </select>
Элемент <SELECT> предназначен для компактной группировки большого количества элементов пользовательской формы. Такой вид формы может быть представлен ниспадающим меню или списком наименований.
Параметры
Параметр |
Описание |
name |
Уникальное имя, предназначенное для идентификации программой обработчиком. Является обязательным параметром, значение которого передается на Web-сервер. |
size |
Параметр, значение которого определяет число позиций ниспадающего меню, состоящего из списка наименований. Когда size не использован, список выглядит обычным образом: вначале видна только первая строка, а позиционирование на ней указателя мыши раскрывает список. Если значение атрибута задано, то список не раскрывается, а прокручивается, причем пользователь видит только указанное количество строк. |
multiple |
Параметр, разрешающий выбор нескольких позиций из списка наименований |
Элемент OPTION предназначен для создания пункта списка.
Параметры текстового поля
Параметр |
Описание |
value |
Параметр, значение которого передается программой-обработчиком на Web-сервер. |
selected |
Параметр отмечает текущую позицию ниспадающего меню или списка как выбранную. Таким образом можно сделать визуальный акцент на любой по счету позиции меню или списка. |
Пример.
<HTML>
<HEAD>
<TITLE>Использование ниспадающего меню</TITLE>
</HEAD>
<BODY>
<H3> В каком городе вы живете?
<BR> <BR>
<SELECT>
<OPTION selected=2 value=а> Москва
<OPTION vа1uе=b> Санкт-Петербург
<OPTION value=с> Казань
<OPTION value=d> Ростов
<OPTION value=d> Краснодар
</select></h3>
</HTML>
В результате мы получим список. Оба элемента, создающие список, имеют собственные атрибуты.
Элементы SELECT и TEXTAREA могут быть использованы не в составе формы, а как самостоятельные детали Web-страницы. Их применение оправдано в тех случаях, когда надо увеличить плотность размещения данных. При помощи элемента SELECT можно создавать списки, которые получаются более компактными, чем стандартные списки, рассмотренные ранее. Область ввода текста также поможет сэкономить место на странице за счет того, что сколь угодно большой текст будет прокручиваться в окне фиксированного размера.