top2016 (top2016) wrote,
top2016
top2016

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

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

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

Tags: html, livejournal, секреты_жж
Subscribe

Posts from This Journal “секреты_жж” Tag

promo top2016 december 29, 2015 08:52 20
Buy for 10 tokens
Хочу завести в блоге новую рубрику - секреты жж, о разных местных достопримечательностях. Вообще есть очень интересный пост на эту тему, одна из его версий здесь: "Неизвестный ЖЖ. Дополненная версия. Или 63 фишки Живого Журнала о которых вы наверняка не знаете" -…
  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 24 comments
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →

Posts from This Journal “секреты_жж” Tag