- •Оглавление
- •Введение
- •Задание
- •Лабораторная работа №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: События клавиатуры
- •Задание
- •Задание по пройденному материалу
- •Рекомендуемая литература.
Задание
Создайте фрейм и задайте отступы и обрамления.
Лабораторная работа №5: Ссылки. Фрейм без фреймов
По умолчанию страницы открываются в том же фрейме, в котором находилась ссылка. А для случая, когда нужно поступить иначе, используются именованные фреймы. Имя фрейму присваивают с помощью параметра name.
Например, <frame src=right.html name=mainframe>.
Для того чтобы при переходе по ссылке новая страница открывалась на том месте, где раньше были новости, необходимо использовать параметр target дескриптора <A>.
Например, <a href=first.html target = mainframe >Каталог отелей</a>.
Для создания встроенного фрейма используется дескриптор <iframe>. Это парный дескриптор.
С помощью параметров width, height можно отрегулировать ширину и высоту встроенного фрейма. В дескрипторе <iframe> используются такие же параметры как и в дескрипторе <frame>.
Задание
С помощью данного примера создайте свой фрейм.
Глава 12. Формы Лабораторная работа №1: Основная схема формы
Для получения данных и передачи их для обработки используются формы – элементы web-страницы, содержащие поля ввода, списки, кнопки и прочие верные признаки графического интерфейса. Форма – это блок HTML-кода, образованный специальными элементами HTML. Границами такого блока служат дескриптор <form>… </form>.
Всё содержимое формы делится на две категории. Элементы первой категории называются активными. К ним относятся поля ввода, списки, кнопки. Элементы второй категории называются пассивными. К ним относятся текст, картинки.
Параметр action определяет URL, по которому расположен обработчик данных. Чаще всего в качестве такого обработчика выступает специальная программа. Также вместо адреса программы-обработчика значением параметра action может быть обычный адрес электронной почты.
Существует два метода передачи данных: первый заключается в передачи самих данных, а второй – в передаче указателя на то место, где они находятся (например, URL). То, какой именно из них используется, определяется параметром method. Передача данных соответствует значению post , а передача ссылки – значению get.
Тип кодирования данных, введённых через форму, определяется параметром enctype. По умолчанию этот параметр принимает значение application/x-www-form-urlencoded, а при отправке данных электронной почтой используется тип text/plain.
Для того чтобы данные формы передавались по электронной почте, код формы должен выглядеть так:
<form action=mailto:почтовый@адрес method=post enctype=text/plain>
…
</form>.