How to make a button in html
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 KZread channel: / @wiseplat
Join our group VK: wiseplat
Ask questions - will try to answer :)
Good luck in such cool endeavors!
Пікірлер: 57
Ценю твой ЛАЙК и КОММЕНТ! Facebook: facebook.com/wiseplat/ Личный Facebook: facebook.com/oleg.shpagin ВКонтакте: vk.com/wiseplat Личный ВКонтакте: vk.com/bazatut_ru Instagram: instagram.com/wiseplat/ Мой личный Instagram: instagram.com/shpaginoleg/
Олег, спасибо Вам огромное, очень понятное видео, реально для новичков. Первый раз нахожу подходящее видео, остальные для продвинутых. Спасибо Вам!
Отличное видео, долго не мог понять, как редактировать тот или иной элемент, а здесь всё изложено понятно и человеческим языком. Большое спасибо Вам!
Спасибо большое! 2 вечера (10часов) убил впустую выискивая по крупицам нужную информацию по html, сегодня набрёл на ваш канал и разобрался со своей задачей за час.
Спасибо за полезный урок!
Вы саммый лучший! Рекомендую начинающим учится только у вас. У других такое не найдёшь. Всё что мне надо, нахожу только у вас
Как сделать, чтобы при нажатии кнопки вылазило контекстное меню?
@artemmaksimov_official
2 жыл бұрын
Можно скачать Читы из торрента и будет работать
@astkh4381
2 жыл бұрын
@@artemmaksimov_official ыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыыы
Спасибо очень полезное видео, оно мне помогло!
спасибо, очень помог самоучке))) лайк и комент для продвижения)
Глюк интересный у меня с цветом шрифта на кнопке. Когда цвет шрифта по умолчанию (черный), то при установке атрибута disabled на кнопку, шрифт становится полупрозрачным . Меняю на красный цвет шрифт, и при disabled кнопка становится не активной, но шрифт почему так и остаётся не прозрачным
Спасибо!
Олег, подскажите пожалуйста, почему при сохранении картинки в формате .png, она сохраняется в конечном результате в формате .jpg?
@wiseplat
4 жыл бұрын
Как сохраняете - опишите процесс, и через какую программу.
@prosonu448
4 жыл бұрын
@@wiseplat В поисковике Яндекс набираю "картинка png" - двойным щелчком выбираю нужную - нажимаю на картинку правой кнопкой мыши - выбираю "сохранить картинку как" - открывается новое окно "сохранение", внизу имя файла - название.jpg. Т.е., предлагает сохранить в формате не png, а jpg
А как сделать так чтобы кнопка делала вычисления с
Скажите пожалуйста как сделать кнопку ставь лайк на html и css как в ютубе. Заранее спасибо
По поводу кнопки с иконкой , на выходе сама картинка не отображаеться (только знак иконки) на скил боксе то что смотрел уроки там как то показывали задавать адрес картинки , c компа на тот момент у меня этого сделать не выходило .Я сделал отдельный паблик в вк , куда в последствии скидывал необходимые картинки и задавал их адрес от паблика . Покажи пожалуйста путь полегче
спасибо
Что мне делать у маня 2 кнопки на разные значенрие а открывает только одну ссылку хоть 2 разных
а как сделать чтобы сайт который стоит на кнопке открывался в новой вкладке?
как вставить ссылкавой текст под изображении и сделать общим и анимировать кнопку
Все хорошо а как эти кнопки двигать в лево право вниз верх
спасибо бро
Как кнопкой направить с одного сайта на другой
лучший
Доброго времени суток! Как перенести готовую кнопку на баннер в формате png. или jpg.?
@malytv1170
3 жыл бұрын
Вопрос не понятный! На какой еще баннер?
@vizde240
3 жыл бұрын
@@malytv1170 Кароче на сайте стоит фотка на неё нужно поставит батон
Где вы нажимаете или какую кнопку нажимаете "Итубуляция" ?
@wiseplat
3 жыл бұрын
TAB на клавиатуре слева)))
@ruslankozubov1078
3 жыл бұрын
Спасибо!
Как кнопку сделать по центру сайта?
А как сделать табуляцию, восклицательный знак и что дальше?
@georhiilazorenko9658
2 жыл бұрын
Ты пишешь восклицательный знак и потом нажимаешь кнопку Tab
Как его (кнопку) поставить в центр либо в другой угол?
@user-wp3jj8xb4r
2 жыл бұрын
Никак
Сделанный в notepad++ в brackets открывается с кракозябрами. Как решить проблему? Windows 10 Brackets 1.14.2
@daniil7243
3 жыл бұрын
Кодировку поменяй на utf-8
@barokjava9780
3 жыл бұрын
@@daniil7243 Спасибо.
ну все основы разметки есть, кнопки есть, освоим фон и понеслась шарашить сайты) я в учебых работах подбираю картинки не листочки, а по своей рабочей тематике, по массажу))))
А почему не работает код? print(Кнопка 1) (На питоне)
@aml3039
2 жыл бұрын
print("Кнопка 1")
что надо нажимать чтобы само дописывало?
@Rekvop
4 ай бұрын
хз
а как переместить кнопку в центр
@andreiboistean9021
3 жыл бұрын
text-align: center
✔
А - это ссылка
урок про кнопки, но собственно кроме как создать саму форму кнопки ничего не рассказано... как же бесполезно
@crazy_nuTTy_geek
2 жыл бұрын
Эм, я научился
ничого не вийшло
Спасибо!
А как сделать расстояние между кнопками?
@Pastor-1
8 ай бұрын
подели екран на части и размещай кнопки