<tr><td>Выберите область деятельности</td><td> <select name="obldeyat">
<option value="ed">образование</option> <option value="fin" selected>финансы</option>
</select>
</td></tr>
</table>
<input type="submit" value="Отправить"> </form></body></html>
В результате визуализации будет отображена форма, представленная на рис. 2.3.
Рис. 2.3. Результат визуализации формы
2.10. Общие атрибуты
После того как стало очевидно, что за HTML должно остаться только логическое форматирование (функции экранного форматирования перенесены в CSS) и возникла потребность в организации взаимодействия с пользователем на странице (обозреватели начали обрабатывать конструкции JavaScript), в стандарт HTML были добавлены следующие общие для каждого тега атрибуты:
•id (identification) – персонализирующий атрибут в пределах документа, используется для назначения стилей, в качестве закладки (см. п. 2.3.), позволяет управлять атрибутами тега и его содержимым через JavaScript, в том числе извлекать данные. Исходя из перечисленного выше, должен назначаться только одной конкретной копии тега. Если одинаковый id будет присвоен разным
48
тегам, то это в большинстве случаев вызовет сбой как в оформлении страницы, так и при работе сценариев клиента. Атрибут игнорируется для тегов, употребляющихся в заголовке HTML-документа;
•class – атрибут определяет, что элемент принадлежит к определенному классу (классам), что позволяет визуализировать элемент в соответствии с заранее заданными правилами. Атрибут игнорируется для невизуализируемых тегов;
•style – атрибут позволяет управлять визуализацией данной конкретной копией тега, задав в качестве значений атрибута инструкции CSS;
•title – атрибут, описывающий краткое содержание элемента. Он часто выводится обозревателями как всплывающая подсказка (tooltip), которая выводится на экран, когда курсор помещается на данный элемент. Атрибут особенно полезен в элементах <a>, <img> и <object>, в которых он указывает на титул связанного или вложенного ресурса;
•атрибуты, которые определяют реакцию данного элемента на различные события (табл. 2.3).
|
Таблица 2.3 |
Названия атрибутов и реакция на события |
|
|
|
Имя события |
Происходит |
onClick |
при щелчке кнопки мыши на элементе |
onDblClick |
при двойном щелчке кнопки мыши на элементе |
onMouseDown |
при нажатии кнопки мыши на элементе |
onMouseUp |
при отпускании кнопки мыши на элементе |
onMouseOver |
при попадании курсора мыши на элемент |
onMouseMove |
при движении курсора мыши по элементу |
onMouseOut |
при попадании курсора мыши за пределы элемен- |
|
та |
onKeyPress |
при нажатии и отпускании клавиши на элементе |
onKeyDown |
при нажатии клавиши на элементе |
onKeyUp |
при отпускании клавиши на элементе |
49
Задачи для самоконтроля
1.Создать страницу, на которой были бы представлены все категории HTML-элементов.
2.Создать кольцо из трех HTML-документов. Из каждой страницы можно попасть только на одну из подготовленных страниц. Ссылки должны идти с изображения, из текста внутри таблицы и с заголовка.
3.Сделать страницу с автобиографией, на которой разместить свою фотографию и сделать как минимум три раздела: родители, школьный и вузовский периоды жизни.
50