- •Оглавление
- •Введение
- •Задание
- •Лабораторная работа №3: Разрыв строки
- •Кавычки.
- •Дефис и тире.
- •Глава 4. Шрифты
- •Лабораторная работа №1: Гарнитура
- •Задание
- •Лабораторная работа №4: Другие параметры
- •Лабораторная работа №2: Параметры заголовка
- •Задание
- •Глава 7. Логическая разметка гипертекста
- •Лабораторная работа №1: Расстановка акцентов
- •Лабораторная работа №2: Цитаты
- •Лабораторная работа №3: Верхние и нижние индексы
- •Лабораторная работа №4: Дескрипторы pre и var
- •Лабораторная работа №5: Сокращения и обратный адрес.
- •Задание
- •Глава 8. Списки Лабораторная работа №1: Нумерованные списки
- •Задание
- •Лабораторная работа №2: Маркированные списки
- •Задание
- •Лабораторная работа №3: Параметры элемента списка
- •Лабораторная работа №4: Многоуровневые списки
- •Задание
- •Глава 9. Графика на Web-странице Лабораторная работа №1: Вставка графики в текст
- •Лабораторная работа №2: Размеры изображения и контекстная подсказка
- •Задание
- •Лабораторная работа №3: Обтекание графики текстом
- •Задание
- •Лабораторная работа №4: Выравнивание по вертикали
- •Задание
- •Лабораторная работа №4: Картина в рамке
- •Лабораторная работа №5: Отступы
- •Задание
- •Глава 10. Табличный дизайн Лабораторная работа №1: Пример табличного дизайна
- •Задание
- •Лабораторная работа №2: Внутренние отступы
- •Задание
- •Лабораторная работа №3: Слияние и группировка ячеек
- •Задание
- •Глава 11. Фреймы Лабораторная работа №1: Фреймовая структура
- •Лабораторная работа №2: Размеры фреймов
- •Задание
- •Лабораторная работа №3: Вложенные фреймы
- •Задание
- •Лабораторная работа №4: Обрамление и отступы
- •Задание
- •Лабораторная работа №5: Ссылки. Фрейм без фреймов
- •Задание
- •Глава 12. Формы Лабораторная работа №1: Основная схема формы
- •Лабораторная работа №2: Текстовые строки
- •Лабораторная работа №3: Кнопки
- •Лабораторная работа №4: Текстовые поля
- •Лабораторная работа №5: Списки вариантов
- •Лабораторная работа №6: Списки переключатели
- •Лабораторная работа №7: Раскрывающиеся списки
- •Задание
- •Глава 13. Структура html-документа Лабораторная работа №1: Основные параметры Web-страницы. Отступы от края окна
- •Задание
- •Лабораторная работа №2: Цвет фона и цвет текста
- •Задание
- •Глава 14. Внешние параметры Web-страницы Лабораторная работа №1: Название Web-страницы
- •Глава 15. Основные принципы каскадных таблиц стилей Лабораторная работа №1: Простейшее описание стиля.
- •Задание
- •Лабораторная работа №2: Подклассы дескрипторов
- •Задание
- •Лабораторная работа №3: Задание фона и цвета текста
- •Задание
- •Лабораторная работа №4: Отступы и рамки
- •Задание
- •Глава 16. Понятие событий Лабораторная работа №1: Виртуальные события
- •Лабораторная работа №2: События мыши
- •Лабораторная работа №3: События клавиатуры
- •Задание
- •Задание по пройденному материалу
- •Рекомендуемая литература.
Лабораторная работа №2: Текстовые строки
Для ввода однострочных полей используется дескриптор <input>. Текстовая строка имеет имя search и начальное значение, присвоенное параметру value. Этот параметр используется не только для передачи данных, но и для вывода исходных значений.
Ч тобы измерить длину строки используется параметр size. Его значением является число символов, помещающихся в строке. Но этот параметр не помешает ввести более длинное число, просто символы, введённые первыми, «уедут» из видимой части строки влево.
Параметр maxlength также ограничивает вводимую строку, но если ему присвоить, например значение 2, то третий символ уже не введётся.
Чтобы вводимая строка не была видна на экране – параметру type присваивается значение password.
Для ввода имени файла используется текстовая строка, в которой параметру type присваивается значение file.
Для того чтобы передать скрытую информацию, которую пользователь не вводит и не видит, используется параметр type=hidden.
Лабораторная работа №3: Кнопки
Кнопки – главный элемент любой электронной формы. Для создания кнопок используется дескриптор <input>.
Для того чтобы создать кнопку отправки данных, параметру type присваивается значение submit.
Чтобы заменить серый квадрат с надписью рисунком, параметру type присваивается значение image.
С помощью параметра type=reset создаётся кнопка, возвращающая форму в исходное состояние.
Если необходимо создать кнопку, назначение которой отличается от приёма данных и сброса, используется значение type=button. Действие, выполняемое при щелчке на кнопке, определяется параметром type=onclick.