Как сделать кнопку в html | Уроки HTML, CSS

В этом видео я расскажу, как сделать кнопку в HTML. Обязательно используем удобные инструменты для редактирования веб страниц – такие, как например редактор Brackets с двумя дополнениями: Emmet – для ускорения написания кода HTML и Beautify – для красивого оформления кода.

Внимание: угловые скобки заменены на квадратные.

Теги, которые позволяют создать кнопку:

1) тег [button], можно определить в стилях и цвет, и размер, и форму.
[button style="padding: 40px; color: blue; background-color: lightgreen; border-radius: 15px;"]Кнопка 3[/button]

2) тег [input], обязательно в типе указываем кнопку и в значении поля – указываем что написать на кнопке [input type="button" value="Кнопка 2"]

3) тег [button] с вложенным тегом [img] – кнопка с картинкой: [button] [img src="s1200.png" alt="" style="width: 100px"]Кнопка 4[/button]

4) тег [a] это ссылка, которая может иметь как вложение практически любой элемент страницы, например картинку – тег [img] или [div] с размерами естественно.

Пример, можно скачать/увидеть здесь: https://jsfiddle.net/wiseplat/6ctmLvzh/5/

Подписывайтесь на наш канал в YouTube: https://www.youtube.com/channel/UCfxnN0xALQR6OtznIj35ypQ

Вступайте в нашу группу ВК: https://vk.com/wiseplat

Задавайте вопросы – постараюсь ответить 😊
Удачи в таких классных начинаниях!

Видео Как сделать кнопку в html | Уроки HTML, CSS канала Изучаем мир ИТ / Олег Шпагин / Программирование