- •1 Структура html-документа
- •2 Структурирование и разметка контента
- •2.1 Заголовки
- •2.2 Встроенные и блочные элементы
- •2.3 Списки
- •2.4 Разметка текста
- •2.5 Таблицы
- •2.6 Гипертекстовые ссылки
- •2.7 Изображения
- •2.8 Включение объектов в документ
- •3 Формы
- •3.1 Формирование элементов управления
- •3.2 Организация списков
- •3.3 Связывание элементов формы
- •4 Фреймы
- •4.1 Разбиение окна браузера на фреймы
- •4.2 Определение фрейма для отображения документа
- •4.3 Встроенные фреймы
2.8 Включение объектов в документ
Почти все браузеры могут обрабатывать встроенные файлы изображений. Большинство браузеров также поддерживает Java-аплеты. Прочие аудио, видео и другие объекты обычно обрабатываются дополнительными модулями, встраиваемыми в состав браузера.
Элемент <EMBED> не предусмотрен в спецификации HTML 4.0, но может быть использован для создания встроенных объектов, типы которых поддерживаются дополнительными модулями конкретного браузера.
Приведенное ниже выражение включает в состав документа видео файл, который воспроизводится после щелчка мышью на объекте. Для того чтобы видеофрагмент отображался корректно, в браузере должен быть установлен соответствующий дополнительный модуль.
<EMBED SRC="videoclip.avi" WIDTH=120 HEIGHT=90>
Список свободно распространяемых модулей и описания связанных с ними атрибутов EMBED расположен по следующему адресу:
http://home.netscape.com/plugins/
Приведенные в этом списке модули поддерживают VRML, QuickTime, потоковые аудиоданные, файлы Adobe Acrobat, изображения PNG и другие форматы данных.
3 Формы
3.1 Формирование элементов управления
Один из интерактивных элементов - гиперссылки - был уже рассмотрен. Однако гиперссылки не позволяют организовать обратную связь с пользователем. Для этих целей в HTML предусмотрены другие виды интерактивного взаимодействия. Одна из них - это формы, к которым относится набор простейших элементов управления, таких как кнопки, переключатели, поля ввода и тому подобное. Данные из форм отсылаются на сервер или обрабатываются при помощи Java-скриптов на самой странице. Форма - не единственный способ организации интерактивного взаимодействия, но один из самых простых.
Элемент <input> предназначен для формирования большого количества элементов управления в формах. Сюда относятся текстовые поля, поля ввода пароля, флажки, переключатели, кнопки, скрытые элементы. Они все, как правило, используются ввода данных в форму. Форматирование элементов формы (выравнивание, шрифты, цвет и пр.) осуществляется только через изменение стиля.
В примере 3.1 приведено использование элемента <input> с различными атрибутами (рис. 3.1).
Пример 3.1. Элементы ввода информации |
|
1 2 3 4 5 6 7
8 9
10 11
12 13 14 15 16 17
18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <TIТLE>Элементы ввода информации < input ></TITLE> </hЕАd> <body> <fОrm> ввод текста   <inРut type="text" value="текст по умолчанию" name="my_text"> <Вr> ввод пароля  <input type="password" value="enter" name="my_pass" style="background: #aaaaaa; text-align: center;"> <br> флажок (checkbox)   <inРuТ type="checkbox" name= "check1" vаlue="первый"> <inРut type="checkbox" name="check2" value="второй" checked> <br><br> проголосуй за <Вr> <input type="radio" name="radio1" value="Бендер">  Бендера <br> <input type="radio" name="radiо1" checked value="Паниковский">   Паниковского <br> <input type="radio" name="rаdio1" value="Балаганов">  Балаганова <Вr><br> <input type="file" name="my_file"> <br> <inРut type="hidden" name="spy" value="донос"> <br> <inpuТ type="button" value="кнопка"> <br><br> <inpuТ type="submit" name="submit1" value="отправить"> <inРut type="reset" name="reset1" value="очистить"> </fОrm> </body> </html>
|
Строка 7. Выводится текст «Ввод текста», а за ним поле ввода текста, в котором отображается текст, заданный по умолчанию в атрибуте value. Именно этот текст будет подвергаться редактированию.
Строка 9. Аналогично формируется поле для ввода пароля. Слово «enter», заданное по умолчанию, выводится звездочками.
Стандартные атрибуты HTML не предоставляют возможности управлять отображением элементов форм (фон, выравнивание, шрифт и т.д.). Это возможно при использовании стилей.
Например, в строке 7 в поле ввода сразу после отображения выводится текст «текст по умолчанию», который выравнивается по левому краю.
В строке 9 показано, что текст можно выводить, выравнивая его по центру.
Строки 11, 12. Выводятся флажки, второй из которых по умолчанию отмечен. Могут быть выбраны оба флажка.
Строки 15, 17, 19. Выводятся однотипные радиокнопки, из которых по умолчанию выбрана вторая (в строке 17 в элементе <input> установлен флажок - атрибут checked). Кнопки объединены общим именем name="radio1" и из них может быть выбрана только одна.
Строка 21. Организуется поле для ввода имени файла, рядом с которым - кнопка для вызова стандартного диалога.
Строка 23. «Подпольный» элемент не выводится, но при отправке данных значения его параметров могут передаваться.
Строка 25. Выводится простая кнопка, надпись на которой легко изменить.
Строка 27. Выводится кнопка «отправить» (определяются данные).
Строка 28. Выводится кнопка «очистить». Ее нажатие вернет форму в начальное состояние.