Секреты ЖЖ - 24. Как добавить в пост командные кнопки

[top2016]

Командные кнопки бывают разные и, естественно, создаются различными способами. Как примеры:

1. Кнопка перехода на любую страницу. Не спрашивайте меня, почему я поставил ее сейчас на Гугл. Ну просто так захотелось:)

2. Или вот - вполне полезная кнопка "Добавить в друзья", которую любят топ-блогеры:) Ведет на страничку добавления в друзья моего блога. Понятное дело, заменить мой блог на любой другой - просто поставить в ее коде другой ник.




Ниже приводится html-код обеих кнопок.




Они созданы по разному - в первом случае используется тег создания элементов формы input, во втором случае - просто навешана гиперссылка а перехода на специально созданную для этого картинку с кнопкой (расположенную в файле http://ic.pics.livejournal.com/top2016/77001732/64147/64147_original.jpg).

Небольшой экскурс в теги тут неизбежен:)

Что касается input - он позволяет создавать разнообразные поля формы. Как пишут здесь, основной атрибут тега input, определяющий вид элемента - type. Он позволяет задавать следующие элементы формы:
- текстовое поле (text);
- переключатель (radio);
- флажок (checkbox);
- кнопка (button);
- кнопка для отправки формы (submit);
- кнопка для очистки формы (reset);
- кнопка с изображением (image) и др.
Для каждого элемента существует свой список атрибутов, которые определяют его вид и характеристики. В данном случае была использована кнопка для отправки формы submit.

Что касается второй кнопки (про друзей), то при ее создании были использованы более известные теги: а - создание гиперссылки и img - добавление графического изображения. Кому интересно - может дополнительно почитать про них в http://htmlbook.ru/html/a и http://htmlbook.ru/html/img