Оформление кнопок
Еще одно частое применение графических элементов — это оформление кнопок. Вообще говоря, кнопка — это элемент взаимодействия с пользователем, так как предполагается, что когда он на ней нажмет, то что-нибудь произойдет. В этом разделе мы не будем рассматривать методы такого взаимодействия — о них речь пойдет ниже. Пока же мы только научимся создавать кнопки и использовать в них элементы графики.
Чтобы создать кнопку, достаточно поместить некоторый текст между тегами
<BUTTON>
и
</BUTTON>
, например, вот так:
<BUTTON>ЭТO KHОПKА</BUTTON>
Правда, повторим, из этого совершенно не следует, что при нажатии на этой кнопке что-нибудь произойдет. Однако кнопка будет вполне полноценной и даже будет “вдавливаться” при нажатии.
Вообще говоря, такие кнопки можно было создать и в старых версиях языка HTML, хотя там не было тега
< BUTTON >
. Интереснее тот факт, что между тегами
<BUTTON>...</BUTTON>
можно поместить не только текст, а все, что угодно. Если мы поместим туда тег
<IMG>
, то получим кнопку с графическим изображением. Можно поместить на кнопку и текст, и изображение (только не надо забывать о форматировании — например, надо вставлять теги
<BR>
для переноса строк и т. д.). Наконец, как показано в следующем примере, можно поместить на кнопку вообще любой блок
НТМL! В нашем примере мы поместили туда целую таблицу с разноцветными клетками.
Итак, проиллюстрируем сказанное таким файлом.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN">
<HTML>
<HEAD>
<TITLE>KHOПKИ</TITLE>
<STYLE>
TD {color: white;} </STYLE>
</HEAD> <BODY> <BUTTON>ПРОСТО КНОПКА</BUTTON>
<BR><BR>
<button><img SRC="Images/email_b-l.gif" BORDER="0" WIDTH="26"
HEIGHT="23" ALT=""></BUTTON><BR><BR>
<BUTTON>Internet Explorer<BR>
