Простая кнопка

<a href="Адрес ссылки" target="_blank"> <input type="submit" value=" КНОПКА простая " /></a>

-

Кнопка со всплывающим пояснительным текстом

<a href="Адрес ссылки" target="_blank"> <input type="submit" value=" КНОПКА простая " title="Всплывающий Текст к кнопке " /></a>

-

value= - надпись на кнопке

---

Оформление внешнего вида кнопок:
Все характеристики находятся в коде кнопки после "style=" .

---

1. Размер кнопки
высота - height: 40px;
ширина - width: 40%; или так - width: 200px;

<a href="Адрес ссылки" target="_blank"> <input type="submit" value=" Размер кнопки " style="width:40%; height:40px;" /> </a>

-

---

2. Цвет фона кнопки
background-color: lime;

<a href="Адрес ссылки" target="_blank"> <input type="submit" value=" Цвет фона кнопки " style="background-color: lime;" /> </a>

-

---

3. Тип шрифта текста кнопки
font-family :Monotype Corsiva;

<a href="Адрес ссылки" target="_blank"><input type="submit" value=" Тип шрифта кнопки " style=" font-family:Monotype Corsiva;" /> </a>

-

---

4. Размер шрифта текста кнопки
Указывается в пикселах (px), процентах (%) или:
font-size: xx-small; -
font-size: x-small; -
font-size: small; -
font-size: medium; -
font-size: large; -
font-size: x-large; -
font-size: xx-large; -

<a href="Адрес ссылки" target="_blank"><input type="submit" value=" Размер шрифта кнопки " style=" font-size: medium;" /> </a>

-

---

5. Цвет текста кнопки
color :red;

<a href="Адрес ссылки" target="_blank"><input type="submit" value=" Цвет шрифта кнопки " style="color:red;" /> </a>

-

---

6. Стиль шрифта кнопки
font-style: normal; -
font-style: oblique; -
font-style: italic; -
В Internet Explorer шрифт со значением italic и oblique всегда показывается как курсив.

<a href="Адрес ссылки" target="_blank"><input type="submit" value=" Стиль шрифта кнопки курсив " style=" font-style:italic;" /> </a>

-

---

7. Толщина шрифта
font-weight: normal; - нормальный
font-weight: bold; - полужирный
font-weight: bolder; - толще нормального
font-weight: lighter; - тоньше нормального
или цифрами
font-weight: 100; - от 100 до 900

<a href="Адрес ссылки" target="_blank"><input type="submit" value=" Толщина шрифта кнопки 600 " style=" font-weight:600;" /> </a>

-

---

Необходимые характеристики записываются в коде кнопки после "style=" последовательно через «;» и будет выглядеть примерно так:
style="width:80%;height:100px;background-color:lime;color:red;font-size:250%;font-style:italic"/>

---

Расположение кнопок:
Две кнопки одна под другой

<form action="Адрес ссылки 1" method="get" target="_blank"><input type="submit" value="Текст кнопки 1" title="Всплывающий Текст к кнопке" /></form><form action="Адрес ссылки 2" method="get" target="_blank"><input type="submit" value="Текст кнопки 2" title="Всплывающий Текст к кнопке" /></form>

---

Две кнопки в одной строке

<table><tr><td> <form action="Адрес ссылки 1" method="get" target="_blank"><input type="submit" value="Текст кнопки 1" title="Всплывающий Текст к кнопке" /></form></td><td> <form action="Адрес ссылки 2" method="get" target="_blank"><input type="submit" value="Текст кнопки 2" title="Всплывающий Текст к кнопке" /></form></td></tr></table>

---

Три кнопки в одной строке

<table><tr><td> <form action="Адрес ссылки 1" method="get" target="_blank"><input type="submit" value="Текст кнопки 1" title="Всплывающий Текст к кнопке" /></form></td><td> <form action="Адрес ссылки 2" method="get" target="_blank"><input type="submit" value="Текст кнопки 2" title="Всплывающий Текст к кнопке" /></form></td><td> <form action="Адрес ссылки 3" method="get" target="_blank"><input type="submit" value="Текст кнопки 3" title="Всплывающий Текст к кнопке" /></form></td></tr></table>

---

Четыре кнопки в одной строке

<table><tr><td> <form action="Адрес ссылки 1" method="get" target="_blank"><input type="submit" value="Текст кнопки 1" title="Всплывающий Текст к кнопке" /></form></td><td> <form action="Адрес ссылки 2" method="get" target="_blank"><input type="submit" value="Текст кнопки 2" title="Всплывающий Текст к кнопке" /></form></td><td> <form action="Адрес ссылки 3" method="get" target="_blank"><input type="submit" value="Текст кнопки 3" title="Всплывающий Текст к кнопке" /></form></td><td> <form action="Адрес ссылки 4" method="get" target="_blank"><input type="submit" value="Текст кнопки 4" title="Всплывающий Текст к кнопке" /></form></td></tr></table>

---

Таблица из кнопок

<table><tr><td><form action="Адрес ссылки 1" method="get" target="_blank"><input type="submit" value="Текст кнопки 1" title="Всплывающий Текст к кнопке" /></form><form action="Адрес ссылки 2" method="get" target="_blank"><input type="submit" value="Текст кнопки 2" title="Всплывающий Текст к кнопке" /></form></td><td><form action="Адрес ссылки 3" method="get" target="_blank"><input type="submit" value="Текст кнопки 3" title="Всплывающий Текст к кнопке" /></form><form action="Адрес ссылки 4" method="get" target="_blank"><input type="submit" value="Текст кнопки 4" title="Всплывающий Текст к кнопке" /></form></td><td><form action="Адрес ссылки 5" method="get" target="_blank"><input type="submit" value="Текст кнопки 5" title="Всплывающий Текст к кнопке" /></form><form action="Адрес ссылки 6" method="get" target="_blank"><input type="submit" value="Текст кнопки 6" title="Всплывающий Текст к кнопке" /></form></td></tr></table>

---

Кнопка с окошком и выпадающим меню ссылок
Она полезна при создании выпадающей рубрики ссылок.

Списком:

Название ссылки
Название ссылки
Название ссылки
Название ссылки
Название ссылки
Название ссылки

<form action="http://freiman.info/files/link.php" method="GET" target="_blank"><br /> <input type="hidden" name="h" value="_self" /><select id="links" name="links"> <br /> <option value="http://Адрес ссылки">Название ссылки</option> <br /> <option value="http://Адрес ссылки">Название ссылки</option> <br /> <option value="http://Адрес ссылки">Название ссылки</option> <br /> <option value="http://Адрес ссылки">Название ссылки</option> <br /> <option value="http://Адрес ссылки">Название ссылки</option> <br /> <option value="http://Адрес ссылки">Название ссылки</option> </select> <input type="submit" value="Жми после выбора ссылки" /></form>

С делением на рубрики:

Название ссылки
Название ссылки
Название ссылки
Название ссылки
Название ссылки

Название ссылки
Название ссылки
Название ссылки
Название ссылки
Название ссылки

<form action="http://freiman.info/files/link.php" method="GET" target="_blank"><br /> <input type="hidden" name="h" value="_self" /><select id="links" name="links"> <br /> <optgroup label="-- 1 НАЗВАНИЕ РУБРИКИ"><br /> <option value="http://Адрес ссылки">Название ссылки</option> <br /> <option value="http://Адрес ссылки">Название ссылки</option> <br /> <option value="http://Адрес ссылки">Название ссылки</option> <br /> <option value="http://Адрес ссылки">Название ссылки</option> <br /> <option value="http://Адрес ссылки">Название ссылки</option> <br /> <optgroup label="-- 2 НАЗВАНИЕ РУБРИКИ"><br /> <option value="http://Адрес ссылки">Название ссылки</option> <br /> <option value="http://Адрес ссылки">Название ссылки</option> <br /> <option value="http://Адрес ссылки">Название ссылки</option> <br /> <option value="http://Адрес ссылки">Название ссылки</option> <br /> <option value="http://Адрес ссылки">Название ссылки</option> </optgroup></optgroup></select> <input type="submit" value="Жми после выбора ссылки" /></form>

---

Кнопки с картинкой:
Кнопка с картинкой без текста

<a href="Адрес ссылки" target="_blank"><button><img alt="" src="http://img0.liveinternet.ru/images/attach/d/1/132/76/132076064_dogrun.gif" width="36" height="36" style="vertical-align:middle" /></button></a> —

Кнопка с картинкой и текстом

<a href="Адрес ссылки" target="_blank"> <button> <img alt="" src="http://img0.liveinternet.ru/images/attach/d/1/132/76/132076064_dogrun.gif" width="36" height="36" style="vertical-align:middle" />Текст кнопки</button> </a> —

Текст кнопки

Кнопка с фоном, цветным текстом и картинкой

<a href="Адрес ссылки" target="_blank"> <button style="background: #000080; WIDTH: 150px"><font color="#FFFFFF"> Вот такая кнопка </font><img alt="" src="http://img0.liveinternet.ru/images/attach/d/1/132/76/132076064_dogrun.gif" width="36" height="36" style="vertical-align:middle" /> </button></a> —

Вот такая кнопка

---