Тёмный

How to make a button in html 

Exploring the IT World / Oleg Shpagin / WISEPLAT
Подписаться 147 тыс.
Просмотров 46 тыс.
50% 1

In this video I will tell you how to make a button in HTML. Be sure to use convenient tools for editing web pages-such as the Brackets editor with two additions: Emmet - to speed up the writing of HTML code and Beautify - for beautiful code design.
Note: angle brackets have been replaced with square brackets.
Tags that allow you to create a button:
1) tag [button], can be defined in styles and color, and size, and shape.
[button style="padding: 40px; color: blue; background-color: lightgreen; border-radius: 15px;"]Button 3[/button]
2) tag [input], necessarily in type specify as a button, and in the value specify that to write on the button [input type= "button" value= " Button 2"]
3) tag [button] with nested tag [img] - button with picture: [button] [img src= " s1200.png" alt="" style="width: 100px"]Button 4[/button]
4) tag [a] is a link that can have as an attachment almost any element of the page, such as a picture tag [img] or [div] with the dimensions.
Example, you can download/see it here: jsfiddle.net/wiseplat/6ctmLvz...
Subscribe to our RU-vid channel: / @wiseplat
Join our group VK: wiseplat
Ask questions - will try to answer :)
Good luck in such cool endeavors!

Опубликовано:

 

23 сен 2019

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 57   
@wiseplat
@wiseplat 4 года назад
Ценю твой ЛАЙК и КОММЕНТ! Facebook: facebook.com/wiseplat/ Личный Facebook: facebook.com/oleg.shpagin ВКонтакте: vk.com/wiseplat Личный ВКонтакте: vk.com/bazatut_ru Instagram: instagram.com/wiseplat/ Мой личный Instagram: instagram.com/shpaginoleg/
@sofiavasilieva1611
@sofiavasilieva1611 3 года назад
Олег, спасибо Вам огромное, очень понятное видео, реально для новичков. Первый раз нахожу подходящее видео, остальные для продвинутых. Спасибо Вам!
@alekseys_videocollections
@alekseys_videocollections 2 года назад
Отличное видео, долго не мог понять, как редактировать тот или иной элемент, а здесь всё изложено понятно и человеческим языком. Большое спасибо Вам!
@dmitryst5902
@dmitryst5902 2 года назад
Спасибо большое! 2 вечера (10часов) убил впустую выискивая по крупицам нужную информацию по html, сегодня набрёл на ваш канал и разобрался со своей задачей за час.
@lumeaceaiuluisrl6343
@lumeaceaiuluisrl6343 3 года назад
Спасибо за полезный урок!
@nikitanikitin3252
@nikitanikitin3252 7 месяцев назад
Спасибо очень полезное видео, оно мне помогло!
@lydiamarz4084
@lydiamarz4084 3 года назад
Вы саммый лучший! Рекомендую начинающим учится только у вас. У других такое не найдёшь. Всё что мне надо, нахожу только у вас
@TV-yj6mz
@TV-yj6mz Год назад
спасибо, очень помог самоучке))) лайк и комент для продвижения)
@AndrewZvyagin
@AndrewZvyagin 3 года назад
Как сделать, чтобы при нажатии кнопки вылазило контекстное меню?
@artemmaksimov_official
@artemmaksimov_official 2 года назад
Можно скачать Читы из торрента и будет работать
@astkh4381
@astkh4381 2 года назад
@@artemmaksimov_official ыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыы
@Michael-sd9on
@Michael-sd9on 3 года назад
Спасибо!
@DAROM-TK
@DAROM-TK 3 года назад
Глюк интересный у меня с цветом шрифта на кнопке. Когда цвет шрифта по умолчанию (черный), то при установке атрибута disabled на кнопку, шрифт становится полупрозрачным . Меняю на красный цвет шрифт, и при disabled кнопка становится не активной, но шрифт почему так и остаётся не прозрачным
@MsMasha84
@MsMasha84 3 года назад
спасибо
@Samurai-sr3ng
@Samurai-sr3ng 3 года назад
Скажите пожалуйста как сделать кнопку ставь лайк на html и css как в ютубе. Заранее спасибо
@bggamer9802
@bggamer9802 2 года назад
спасибо бро
@zemzemic1496
@zemzemic1496 Год назад
По поводу кнопки с иконкой , на выходе сама картинка не отображаеться (только знак иконки) на скил боксе то что смотрел уроки там как то показывали задавать адрес картинки , c компа на тот момент у меня этого сделать не выходило .Я сделал отдельный паблик в вк , куда в последствии скидывал необходимые картинки и задавал их адрес от паблика . Покажи пожалуйста путь полегче
@Tioplaya
@Tioplaya 3 года назад
лучший
@user-fg7ws7nf4s
@user-fg7ws7nf4s 2 года назад
А как сделать так чтобы кнопка делала вычисления с
@prosonu448
@prosonu448 4 года назад
Олег, подскажите пожалуйста, почему при сохранении картинки в формате .png, она сохраняется в конечном результате в формате .jpg?
@wiseplat
@wiseplat 4 года назад
Как сохраняете - опишите процесс, и через какую программу.
@prosonu448
@prosonu448 4 года назад
@@wiseplat В поисковике Яндекс набираю "картинка png" - двойным щелчком выбираю нужную - нажимаю на картинку правой кнопкой мыши - выбираю "сохранить картинку как" - открывается новое окно "сохранение", внизу имя файла - название.jpg. Т.е., предлагает сохранить в формате не png, а jpg
@wissimika1294
@wissimika1294 Год назад
Все хорошо а как эти кнопки двигать в лево право вниз верх
@user-bd2lc9tj6k
@user-bd2lc9tj6k 2 года назад
как вставить ссылкавой текст под изображении и сделать общим и анимировать кнопку
@user-pw1hs2pu2q
@user-pw1hs2pu2q 3 года назад
Что мне делать у маня 2 кнопки на разные значенрие а открывает только одну ссылку хоть 2 разных
@user-gf5xk9wi6h
@user-gf5xk9wi6h Год назад
а как сделать чтобы сайт который стоит на кнопке открывался в новой вкладке?
@teytlangdon9483
@teytlangdon9483 3 года назад
Как кнопкой направить с одного сайта на другой
@user-ke1kk6qn9c
@user-ke1kk6qn9c 3 года назад
ну все основы разметки есть, кнопки есть, освоим фон и понеслась шарашить сайты) я в учебых работах подбираю картинки не листочки, а по своей рабочей тематике, по массажу))))
@ovair_311
@ovair_311 2 года назад
Как кнопку сделать по центру сайта?
@colorlens7224
@colorlens7224 3 года назад
Доброго времени суток! Как перенести готовую кнопку на баннер в формате png. или jpg.?
@malytv1170
@malytv1170 3 года назад
Вопрос не понятный! На какой еще баннер?
@vizde240
@vizde240 3 года назад
@@malytv1170 Кароче на сайте стоит фотка на неё нужно поставит батон
@user-ew7su5fk9d
@user-ew7su5fk9d 2 года назад
А как сделать табуляцию, восклицательный знак и что дальше?
@georhiilazorenko9658
@georhiilazorenko9658 2 года назад
Ты пишешь восклицательный знак и потом нажимаешь кнопку Tab
@ruslankozubov1078
@ruslankozubov1078 3 года назад
Где вы нажимаете или какую кнопку нажимаете "Итубуляция" ?
@wiseplat
@wiseplat 3 года назад
TAB на клавиатуре слева)))
@ruslankozubov1078
@ruslankozubov1078 3 года назад
Спасибо!
@alexanderpadalka5708
@alexanderpadalka5708 3 года назад
@laldff14
@laldff14 2 года назад
Как его (кнопку) поставить в центр либо в другой угол?
@user-wp3jj8xb4r
@user-wp3jj8xb4r 2 года назад
Никак
@barokjava9780
@barokjava9780 3 года назад
Сделанный в notepad++ в brackets открывается с кракозябрами. Как решить проблему? Windows 10 Brackets 1.14.2
@daniil7243
@daniil7243 3 года назад
Кодировку поменяй на utf-8
@barokjava9780
@barokjava9780 3 года назад
@@daniil7243 Спасибо.
@bender4000
@bender4000 3 года назад
А почему не работает код? print(Кнопка 1) (На питоне)
@aml3039
@aml3039 2 года назад
print("Кнопка 1")
@rykava
@rykava Год назад
что надо нажимать чтобы само дописывало?
@Rekvop
@Rekvop 3 месяца назад
хз
@muhammadmizaev1559
@muhammadmizaev1559 3 года назад
а как переместить кнопку в центр
@andreiboistean9021
@andreiboistean9021 3 года назад
text-align: center
@user-ww7lc2hh2i
@user-ww7lc2hh2i 3 года назад
А - это ссылка
@grishaa2013
@grishaa2013 2 года назад
урок про кнопки, но собственно кроме как создать саму форму кнопки ничего не рассказано... как же бесполезно
@crazy_nuTTy_geek
@crazy_nuTTy_geek 2 года назад
Эм, я научился
@nelliemazur2372
@nelliemazur2372 3 года назад
ничого не вийшло
@bender4000
@bender4000 3 года назад
Спасибо!
@thebestanime6379
@thebestanime6379 3 года назад
А как сделать расстояние между кнопками?
@Pastor-1
@Pastor-1 7 месяцев назад
подели екран на части и размещай кнопки
Далее
How to make a paragraph and a red line in html
8:25
Best transport for daughter #shorts by Tsuriki Show
00:12
Best transport for daughter #shorts by Tsuriki Show
00:12