Как сделать кнопку ссылкой используя HTML, CSS & JS шаг за шагом | Button Like a Link using CSS & JS

  Рет қаралды 13,224

Topchiy Dev

Topchiy Dev

Күн бұрын

🔗 Исходный код (source code): / 82978210
В этом видео вы узнаете, как сделать кнопку ссылкой используя HTML, CSS & JS шаг за шагом легко и просто.
Please hit the LIKE 👍, it`ll help to grow on KZbin algorithm.
Have a nice day, GOD bless you ❤️
👉 Как загрузить сайт в интернет: • Как загрузить сайт в и...
👍 Полезная информация для программирования и дизайна на моем телеграм-канале: t.me/TopchiyDev
💵 Поддержать канал (support channel): 5375411204111681 (universal bank || mono)
💵 Поддержать канал (support channel): send.monobank....
💵 Поддержать канал (support channel): / topchiydev
👍 Subscribe: / @topchiydev
😀Спасибо за просмотр!😀

Пікірлер: 55
@yaroslavabubu6965
@yaroslavabubu6965 6 ай бұрын
Благодарность не знает границ ,чётко по существу без воды
@topchiydev
@topchiydev 6 ай бұрын
Пожалуйста)
@yuriyzadorozhnyi3849
@yuriyzadorozhnyi3849 4 ай бұрын
Дякую Вам! Перше що зробив находячись в відпустці після року на війні це зайшов на Ваш канал . За цей час все забулось , буду вчити по новому , потрібно жити далі . Ваш контент один з найкращих , бажаю всебічного розвитку Вам і вашому каналу !
@topchiydev
@topchiydev 4 ай бұрын
Дякую за підтримку!) Вам теж бажаю розвитку і успіхів в цій справі, головне не зупинятися і не опускати руки 👍
@korolevstvo-Bananov
@korolevstvo-Bananov 2 ай бұрын
спасибо это самый полезный урок на ютуб
@topchiydev
@topchiydev 2 ай бұрын
Спасибо 🙂👍
@bintiulugbekummufotima
@bintiulugbekummufotima Ай бұрын
Ты красава спас мне жизнь 😅
@topchiydev
@topchiydev Ай бұрын
Рад, что помогло)
@dedsad228
@dedsad228 9 ай бұрын
Спасибо вам большое,очень помогли)
@topchiydev
@topchiydev 9 ай бұрын
Пожалуйста)
@ДанилНаумов-ю2к
@ДанилНаумов-ю2к 4 ай бұрын
Спасибо братан ооочень помог!!!
@topchiydev
@topchiydev 4 ай бұрын
Пожалуйста) Рад, что видео оказалось полезным 👍
@arny_s
@arny_s Жыл бұрын
Спасибо! Очень помогло :)
@topchiydev
@topchiydev Жыл бұрын
Пожалуйста)
@dmitrypoluhin2955
@dmitrypoluhin2955 Жыл бұрын
а JS где? Так видос класс, как и контент на канале!
@topchiydev
@topchiydev Жыл бұрын
Спасибо) JS - onclick=“location.href” 👍
@GoldILegend
@GoldILegend 5 ай бұрын
а как открыть вкладку style.css
@topchiydev
@topchiydev 5 ай бұрын
Приветствую! Нужно нажать правой кнопкой мыши и выбрать “Open the side”.
@СултанБаширов-д4б
@СултанБаширов-д4б 4 ай бұрын
Что вы добавили из Java Script ?
@topchiydev
@topchiydev 4 ай бұрын
Приветствую! Код в открывающий тег кнопки.
@SergeyOderetsky
@SergeyOderetsky 8 ай бұрын
Здравствуйте. Подскажите как More перенести на вторю строчку под Learn?
@topchiydev
@topchiydev 8 ай бұрын
Приветствую! Можете между словами добавить тег - перенос строк.
@SergeyOderetsky
@SergeyOderetsky 8 ай бұрын
Ставил. Слово переносится но граница кнопки разрывается.
@alexpetrov521
@alexpetrov521 5 ай бұрын
Подскажите, почему мой VS code не понимает "display flex", justify? Ничего не меняется в браузере и вообще не подсказывает синтаксис. Ссылку к кнопке не привязывает тоже. Там где location href У меня версия еще под Винду 7
@topchiydev
@topchiydev 5 ай бұрын
Приветствую! Проверьте, возможно вы не указали ширину и высоту для страницы или секции. Если не подсказывает синтаксис, также проверьте, возможно отключен плагин emmet. На счет ссылки трудно сказать, не видя код, возможно где-то пропущен какой-то символ.
@ОлександрЖирнов-ф4р
@ОлександрЖирнов-ф4р 27 күн бұрын
Корисне відео. Якби ще на українській мові було б ще краще
@topchiydev
@topchiydev 27 күн бұрын
Дякую)
@i_Artemka000
@i_Artemka000 4 ай бұрын
а как сделать 2 кнопки? очень нужно
@topchiydev
@topchiydev 4 ай бұрын
Приветствую! Скопируйте первую кнопку и добавьте другие стили если нужно.
@КаджазБлейд
@КаджазБлейд 9 ай бұрын
Извини но ты не знаешь как поместит кнопки на разные места например 1 кнопку на 50vh 2 на 100vh?
@topchiydev
@topchiydev 9 ай бұрын
Приветствую! Если я правильно понял вашу задумку, то решение может быть такое: создаете 2 секции по 50vh с одинаковым задним фоном и размещением например по центру и кнопки будут размещаться так как нужно.
@КаджазБлейд
@КаджазБлейд 9 ай бұрын
@@topchiydev у меня 1 кнопка стоит по 50vh а 2 справа
@КаджазБлейд
@КаджазБлейд 9 ай бұрын
@@topchiydev ?
@topchiydev
@topchiydev 9 ай бұрын
Не совсем понимаю концепцию, если можно опишите подробней задачу или нарисуйте визуализацию и отправьте на почту codingwithtopchiy@gmail.com, попробую помочь.
@КаджазБлейд
@КаджазБлейд 9 ай бұрын
@@topchiydev отправил
@solexern
@solexern 7 ай бұрын
а нельзя в button написать типо ?
@topchiydev
@topchiydev 7 ай бұрын
Приветствую! Так к сожалению не работает.
@Улётный_момент
@Улётный_момент 4 ай бұрын
Это будет работать но на кнопке будет сыллка то есть прям синим
@titanium35
@titanium35 8 ай бұрын
а как приложение называется на котором код пишите?
@topchiydev
@topchiydev 8 ай бұрын
Приветствую! Visual Studio code
@titanium35
@titanium35 8 ай бұрын
@@topchiydev спасибо бро
@babaikaboys
@babaikaboys 4 ай бұрын
как сделать вторую кнопку?
@topchiydev
@topchiydev 4 ай бұрын
Приветствую! Скопируйте первую и добавьте стили, если нужно что-то изменить.
@babaikaboys
@babaikaboys 4 ай бұрын
@@topchiydev спасибо большое
@sadserafim3221
@sadserafim3221 9 ай бұрын
как подключить стили
@topchiydev
@topchiydev 9 ай бұрын
Приветствую! Вот видео на эту тему: Как подключить CSS к HTML kzbin.info/www/bejne/inXRYXeDbcmNbK8
@sadserafim3221
@sadserafim3221 9 ай бұрын
@@topchiydev спасибо большое, добрый человек
@tigran4iks-play
@tigran4iks-play 2 ай бұрын
А если не работает
@topchiydev
@topchiydev 2 ай бұрын
Приветствую! Проверяйте на наличие ошибок, все работает.
@tigran4iks-play
@tigran4iks-play 2 ай бұрын
@@topchiydev все Я просто в href забыл ровно поставить
@АсылайМуратова-б5г
@АсылайМуратова-б5г 8 ай бұрын
а у меня не получилось
@topchiydev
@topchiydev 8 ай бұрын
Приветствую! Проверьте правильность написания символов, возможно что-то пропустили, должно все получится 👍
@GoldILegend
@GoldILegend 5 ай бұрын
а как открыть вкладку style.css
@topchiydev
@topchiydev 5 ай бұрын
Приветствую! Нужно нажать правой кнопкой мыши и выбрать “Open the side”.
HTML5 #8 Ссылки и кнопки (Links & Buttons)
7:07
АЗАРТНИК 4 |СЕЗОН 2 Серия
31:45
Inter Production
Рет қаралды 1,1 МЛН
SHAPALAQ 6 серия / 3 часть #aminkavitaminka #aminak #aminokka #расулшоу
00:59
Аминка Витаминка
Рет қаралды 1,5 МЛН
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Coding2GO
Рет қаралды 333 М.
Login Form in HTML & CSS
11:07
Codehal
Рет қаралды 1,6 МЛН
Send Email from HTML Form for Free | EmailJS
7:28
CodeEasy
Рет қаралды 38 М.
Модальное окно (popup) практика HTML CSS JavaScript
28:57
Онлайн-школа METHED
Рет қаралды 16 М.
Возможно ли Пройти Майнкрафт в Суперплоском Мире?
19:07
Learn Flexbox CSS in 8 minutes
8:16
Slaying The Dragon
Рет қаралды 1,6 МЛН
The Easiest way to convert Figma designs into HTML & CSS
10:38
The HTML Tags They NEVER Taught You
7:39
Giodev
Рет қаралды 115 М.