↑ Вернуться > Гиперссылки

Создание командной кнопки в качестве ссылки

При желании можно добавить на Web страницу гиперссылку в виде кнопки. Назначение и принцип действия такой кнопки полностью аналогичен работе текстовых и графических гиперссылок, различие заключается только во внешнем виде.

Благодаря управляющим кнопкам, можно обеспечить простой путь перехода к другим HTML-документам. Для того, чтобы создать кнопку используют дескриптор <button> . Чтобы связать кнопку с определенной ссылкой, применяют атрибут onClik. Любой текст, размещенный между дескрипторами <button> и </button> , отражается на изображении кнопки, размещенной на Web странице.

Чтобы составить общее правило для описания форматирования, которое следует применить ко всем дескрипторам <button> веб узла, используют дескриптор <style>

<style type=»text/css»>

button {background — color: blue; font — size: 16pt;}

</style>

Если веб страница содержит несколько кнопок и требуется каждой из них назначить индивидуальные признаки форматирования, соответствующие правила стилей помещают непосредственно в тело дескриптора <button>:

<button style=»font-size: 8pt;FONT-FAMILY: segoe print»
onClick=»window.location=’http://www.fox.lov-life.ru’»><font color=»white»>Создай сайт</button>

<button style=»font-size: 8pt;FONT-FAMILY: segoe print»
onClick=»window.location=’http://www.fox.lov-life.ru’»><font color=»red»>Займись бизнесом</button>

<button style=» font-size: 8pt;FONT-FAMILY: segoe print»
onClick=»window.location=’http://www.fox.lov-life.ru’»><font color=»blue»>Займись собой</button>

Вот что у нас получилось..

Для изменения цвета кнопок используют атрибут background-color: yellow.
Получим

<button style=»background-color: yellow; font-size: 8pt;FONT-FAMILY: segoe print»
onClick=»window.location=’http://www.fox.lov-life.ru’»><font color=»white»>Создай сайт</button>
Но, данное выражение возможно использовать только в формате Transitional. Использование его в формате Strict недопустимо.