Как сделать кнопку добавить в друзья

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

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


Источник: http://top2016.livejournal.com/83095.html



Рекомендуем посмотреть ещё:


Закрыть ... [X]

Как отключить кнопку добавить в друзья? Сообщество помощи Как укладка пароизоляционной мембраны

Как сделать кнопку добавить в друзья Как сделать кнопку добавить в друзья Как сделать кнопку добавить в друзья Как сделать кнопку добавить в друзья Как сделать кнопку добавить в друзья Как сделать кнопку добавить в друзья Как сделать кнопку добавить в друзья

Похожие новости