Изображения и объект. Формы (forms), или бланки, предназначены для «обратной связи», т.е

Формы

тег FORM

Формы (forms), или бланки, предназначены для «обратной связи», т.е. отсылки информации от пользователя обратно на сервер. Набор органов управления HTML-бланков соответ­ствует возможностям современных графических операци­онных систем и включает в себя поля для ввода текста (однострочные и многострочные), флажки, переключатели, выпадающие списки, списки с прокруткой и кнопки.

Тег FORM, объединяет группу связанных по смы­слу элементов и указывает адрес той программы на сервере, которой будут посланы введенные пользователем данные из всех элементов формы. HTML-страница может содержать любое количество независимых друг от друга форм, в каждой из которых должна присутствовать «пуско­вая кнопка», отправляющая данные на сервер. Кнопке этой не обязательно быть стандартной интерфейсной кнопкой, в этой же роли может использоваться изображение, а для простых форм, состоящих из одного поля ввода или выпа­дающего списка, посылка данных может активизироваться нажатием Enter в поле ввода или операцией выбора элемента в списке.

Тег IMG

Тег IMG, предназначенный длявставки изображений, относится к тегам, создающим но­вые элементы документа, отсутствовавшие в исходном тексте. Тег этот ссылается на хранящееся в отдельном файле изображение в формате GIF или JPEG; этот графический файл может располагаться там же, где и HTML-файл страницы (в таком случае в атрибуте src достаточно указать имя файла), а может лежать и в дру­гом каталоге и даже на другом сервере (в этом случае нужно указывать полный URL-адрес). Большинство атри­бутов этого тега управляют форматированием изображения, устанавливая его размеры, поля, выравнивание и проч.

Таблицы

Тег TABLE

Тег TABLE чаще используется для визуального форматирования страницы, чем для представления табличного по своей природе материала.

Используются атрибуты height, width, cellspacing, cellpadding, border для форматирования внешнего вида таблицы.

Задания для практического занятия:

1. Создайте три Web-страницы. Первая страница будет домашней, поэтому переименуйте её в index.html (ещё одно допустимое название –default.html).

2. Создайте домашнюю страницу, назвав её «Рабочее место Web–мастера». Эта страница обязательно должна содержать ссылки на две другие страницы, посвящённые Html-редакторам и графическим редакторам.

3. Вторая страница посвящена HTML редактору Macromedia Home Site 5. На этой странице есть следующие ссылки:

a) Две ссылки на Интернет-сайты производителей Macromedia Home Site 5 (http://www.macromedia.com/ и http://www.allaire.com).

b) Ссылка-рисунок, при нажатии на которую в браузер загружается картинка с изображением интерфейса программы (картинка загружается в отдельном окне: target="blank").

c) Ссылка для возвращения на домашнюю страницу.

4. На третьей странице рассказывается о размещении изображениях на страницах. Третья страница содержит:

a) Cсылку-рисунок, при нажатии на которую в браузер загружается картинка с изображением интерфейса программы Adobe Photoshop (картинка загружается в отдельном окне: target="blank")

b) Cсылку на домашнюю страницу.

5. Сохраните страницы в личной папке.

Страница 1

Страница 2

Страница 3

Контрольные вопросы

1. Перечислите категории текстовых гиперссылок

2. Как выглядит ссылка на адрес электронной почты

3. Какие списки вы знаете и чем они отличаются?

Дата добавления: 2014-12-24