Тёмный

HTML5 #8 Ссылки и кнопки (Links & Buttons) 

webDev
Подписаться 118 тыс.
Просмотров 53 тыс.
50% 1

#YauhenK #webDev #HTML #HTML5
Всех приветствую в курсе «HTML5».
В данном видео-курсе мы с вами рассмотрим все возможности языка гипертекстовой разметки HTML.
А это, между прочим, основа каждого веб-сайта, или веб-приложения.
Разберём основы, а так же изучим большинство новых тэгов, которые появились с новым стандартом HTML5.
Дополнительно рассмотрим такие понятия, как:
Валидация HTML документа.
Семантика.
Accessibility, или доступность.
По окончанию курса вы научитесь понимать и разбираться в структуре любого HTML документа.
✒ Репозиторий курса:
✔ GitHub: github.com/Yau...
✒ Используемые ресурсы и инструменты:
✔ Atom (редактор кода): atom.io
✒ Полезные ссылки:
✔ W3 Валидатор: validator.w3.org
✔ Доступность: developers.goo...
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R...
✒ Автор курса:
✔ RU-vid: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenK...
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/Yau...
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/Yau...

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

 

3 окт 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 79   
@XBl3ter
@XBl3ter 4 года назад
Евгений, привет, жду именно твои курсы, вообще, нравится как ты подходишь к конструированию и подаче материала, я только только начинаю, в голову так много информации лезет, это только начало, сложно конечно, но думаю потратив 1к часов на любое занятие можно чего нибудь добиться. Поэтому буду стараться
@olehyefimenko6693
@olehyefimenko6693 2 года назад
Спасибо за курс и проделанную тобой работу! Благодаря твоим курсам узнал много нового! Ну а с моей стороны - лайк, подписка, комментарий!
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
👍
@dmitrijponkin
@dmitrijponkin 4 года назад
Спасибо за отличный материал!!!
@nonamenoproblem.6372
@nonamenoproblem.6372 2 года назад
Евгений, благодарю вас.
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Пожалуйста
@andreyzhukov2821
@andreyzhukov2821 4 года назад
Привет, Евгений! И Хорошее видео! Как обычно, лайк!
@useruseroff6605
@useruseroff6605 3 года назад
Хорошее и понятное видео! Спасибо!
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Пожалуйста)
@leyaadele
@leyaadele 6 месяцев назад
Благодарю!❤️
@YauhenKavalchuk
@YauhenKavalchuk 6 месяцев назад
Пожалуйста
@lidiyamanatkina5072
@lidiyamanatkina5072 Год назад
Спасибо за ваши уроки! Лучший контент!
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Пожалуйста
@VolodymyrChernigiv1300
@VolodymyrChernigiv1300 4 года назад
Самый лучший коучер на ютубе, Сокирка отдыхает и нервно курит в сторонке
@ppr1merch1k
@ppr1merch1k Год назад
Та да
@DmitryShelestrans
@DmitryShelestrans 4 года назад
Огромное спасибо!
@sunrayfrei58
@sunrayfrei58 2 года назад
Очень крутой курс. Исчерпывающая информация. Спасибо огромное.
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Пожалуйста
@mikebl8670
@mikebl8670 4 года назад
Thanks!)
@Wooldik
@Wooldik 4 года назад
Будет какой же курс по CSS?
@YauhenKavalchuk
@YauhenKavalchuk 4 года назад
Будет
@natalya_mischenko
@natalya_mischenko Год назад
4:41 отличие ссылки от кнопки 5:10 тип кнопки (type)
@YauhenKavalchuk
@YauhenKavalchuk Год назад
👍
@kozanuch4405
@kozanuch4405 Год назад
Можно ли с помощью button переходить на другие html страницы?
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Если только js-ом добавить логику, но лучше так не делать. Используйте ссылки и стилизируйте её под кнопку
@kozanuch4405
@kozanuch4405 Год назад
@@YauhenKavalchuk Спасибо, и ещё вопрос, как переместить кнопку?
@h1zzer628
@h1zzer628 Год назад
Хотел спросить , могли бы вы сделать видео по типу , как сделать рабочие кнопки home , contacts , support ?
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Сделать их через тэг ссылки "а", добавить атрибут href и застилизировать с помощью CSS
@ЮрійЛютий-ю6л
@ЮрійЛютий-ю6л 9 месяцев назад
А можно ли при клике на кнопку открыть видео, чтобы оно сразу воспроизводилось? Заранее благодарен.
@YauhenKavalchuk
@YauhenKavalchuk 8 месяцев назад
Ну, это должна быть ссылка, стилизированная под кнопку, и ресурс на котором будет видео
@dmytrogorskyi6349
@dmytrogorskyi6349 2 года назад
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
👍
@paladinheretic3172
@paladinheretic3172 Год назад
подскажите как сделать, чтобы выбор кнопки изменял значение на сайте(как сделать кнопку-клавишу)
@YauhenKavalchuk
@YauhenKavalchuk Год назад
На HTML никак, для этой логики нужен JavaScript
@destroyergaming191
@destroyergaming191 3 года назад
очень круто обьяснили только как поменять цвет ссылки?
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Об этом рассказывается в курсе по CSS, он тоже есть на канале
@КонстантинК-у1х
@КонстантинК-у1х 4 года назад
Здравствуйте! Обязательно ли указывать type "button" у кнопки вне формы? Спасибо!
@YauhenKavalchuk
@YauhenKavalchuk 4 года назад
Указывать желательно, но не обязательно
@verst_miling
@verst_miling Год назад
Здравствуйте, а как сделать чтоб Когда на кнопку нажимаеш то происходит какое-то действие
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Это пишется на JavaScript
@kozanuch4405
@kozanuch4405 Год назад
Как перемещать кнопку в html?
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Перемещения делаются с помощью CSS
@kozanuch4405
@kozanuch4405 Год назад
@@YauhenKavalchuk А понял, спасибо
@AlexRadevichPlus
@AlexRadevichPlus 4 года назад
tel:, skype:, mailto: завязаны на приложениях OS и если нет соответствующих приложений и или плагинов/сайтов в браузере по умолчанию то это работать не будет, просто выскачит попап "чем открыть", всякие магнет ссылки для торрент клиентов, для чатов типа телеграм(tg:, whatsapp:) тоже существуют.
@YauhenKavalchuk
@YauhenKavalchuk 4 года назад
👍
@КостянЕрмаков-е9ю
@КостянЕрмаков-е9ю 4 года назад
можешь пожалуйста ссылочкой на это поделиться, почитать охота, буду благодарен.
@ХанджиЗоя-ъ9ц
@ХанджиЗоя-ъ9ц 10 месяцев назад
Мне нужно сделать так что бы при нажатии button срабатовала ссылка и бросала нас на какой-то сайт)
@YauhenKavalchuk
@YauhenKavalchuk 10 месяцев назад
Стилизируйте ссылку под кнопку, можно конечно и на JS реализовать эту логику, но лучше нативное поведение button
@НИКИТАГУСЕВ-ь2н
Я так и не понял куда вставлять ссылку чтобы кнопка отправляла на другую страницу
@YauhenKavalchuk
@YauhenKavalchuk Год назад
Ссылка должна отправлять на другую страницу. А если вы хотите сделать что бы кнопка отправляла, то нужно использовать ссылку стилизованную под кнопку
@WanKy182
@WanKy182 4 года назад
Можно ли в ссылку в атрибут href вставить переход на другую страницу или лучше это сделать другим способом ? Имею в виду со страницы index.html на страницу about.html
@YauhenKavalchuk
@YauhenKavalchuk 4 года назад
Можно
@mykhailo_sorokin
@mykhailo_sorokin 4 года назад
Так оно и осуществляется переход на другой html файл, иначе никак.
@dogestalin6964
@dogestalin6964 Год назад
можно узнать как ты сделал эти 3 кружка в гугле,и в visual studio
@YauhenKavalchuk
@YauhenKavalchuk Год назад
О каких кружках речь?
@Online-Goldmine
@Online-Goldmine 4 года назад
смотрел различные плейлисты по html и почти везде кнопки лепят тегом input. Вопрос, он устрарел?
@YauhenKavalchuk
@YauhenKavalchuk 4 года назад
нет, актуален
@onadidaspubg902
@onadidaspubg902 2 года назад
У меня вопрос как с помощью header нажимая на кнопки переходить на другую старинцу например кнопка Главная нажимая на неё переходите в какой ни будь страницу назначенную на неё
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Обычно это делается с помощью тэга ссылки, а не кнопки. В href вставляют путь, например index.html, contacts.html и т.д.
@blok9327
@blok9327 2 года назад
Можно ли через кнопку открыть другую страницу?
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Нативно - Нет. Здесь либо ссылку нужно стилизировать под кнопку, либо использовать JavaScript логику
@vladrudenk0
@vladrudenk0 2 года назад
как на кнопку поставить силку?
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Использовать тэг a, который застилизовать под кнопку
@aiaz_king
@aiaz_king 2 года назад
Как сделать так чтобы при нажатии на кнопку уходит на другой сайт?
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Добавить в href ссылку на сайт на который вы планируете уходить
@Comfortap
@Comfortap 2 года назад
как увеличить розмер ссылки?
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Превратить в блочный, или строчно-блочный элемент и Задать ей ширину и высоты
@spuriushs6314
@spuriushs6314 3 года назад
Кто шарит,подскажите,а можно по клике на ссылку сделать скрол,но плавный?без js
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Без js - нет
@АбдулмаликГайдаров-х4у
Как сделать чтобы кнопка активировалась по нажатию на клавишу клавиатуры? Помогите плиз, я игру делаю!🥺🥺🥺🥺🥺🥺
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Это делается с помощью JavaScript. Навешивается обработчик на keyDown.
@Kavazaki_kago777
@Kavazaki_kago777 8 месяцев назад
Здравствуйте Евгений, а ведь можно же на любую другую кнопку поставить действие? Правильно?@@YauhenKavalchuk
@iGotton
@iGotton 4 года назад
+
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
👍
@valeriusss_Lol4k
@valeriusss_Lol4k 3 года назад
Здравствуйте, я не знаю как сделать кнопку ссылкой, подскажете?
@YauhenKavalchuk
@YauhenKavalchuk 3 года назад
Никак, если только JS добавить и эмулировать поведение. Обычно добавляют ссылку и утилизируют её под кнопку
@glebas1k463
@glebas1k463 2 года назад
а как назначить куда кнопка будет отправлять
@YauhenKavalchuk
@YauhenKavalchuk 2 года назад
Отправляет только ссылка, которую можно стилизировать под кнопку
@glebas1k463
@glebas1k463 2 года назад
Так а как сделать её
Далее
HTML5 #9 Полезные тэги (Useful Tags)
6:58
HTML5 #11 Форма (Form)
10:18
Просмотров 18 тыс.