HTML5 #9 Полезные тэги (Useful Tags)

  Переглядів 15,972

webDev

webDev

4 роки тому

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

КОМЕНТАРІ: 29
@amdevc445
@amdevc445 8 місяців тому
Это буквально лучший курс по html на всем русском ютубе. Как же о недооценен
@YauhenKavalchuk
@YauhenKavalchuk 8 місяців тому
Спасибо большое за отзыв
@XBl3ter
@XBl3ter 4 роки тому
Ой, я даже не посмотрел еще, но говорю спасибо, реально, спасибо тебе за то, что ты делишься своим опытом и знаниями, например я очень благодарен тебе.
@settilz1517
@settilz1517 4 роки тому
Спасибо вам за ваши уроки. Хоть и думал что уже неплохо знаю HTML, почти в каждом видео узнаю что-то новое. Думаю что для новичков после HTML было бы неплохо посмотреть хорошие уроки по CSS 😜
@olehyefimenko6693
@olehyefimenko6693 Рік тому
Благодаря твоим курсам узнал много нового! Спасибо за курс и проделанную тобой работу!
@YauhenKavalchuk
@YauhenKavalchuk Рік тому
Пожалуйста
@konstantinkuksov914
@konstantinkuksov914 4 роки тому
Очень классные видео, спасибо, Евгений! meter вообще не слышал нигде, а datalist вроде и слышал, но смотрел как заново. Эх, жаль, что HTML я уже прошел, хотя, наверное все-таки прошел мимо, т к в каждом видео открываю что-то новое ;)
@DmitryShelestrans
@DmitryShelestrans 4 роки тому
Очень полезно, большое спасибо!
@maksimrackomin6424
@maksimrackomin6424 4 роки тому
Как всегда круто!
@dmitrijponkin
@dmitrijponkin 4 роки тому
Спасибо!!!
@dmitriykogut2067
@dmitriykogut2067 4 роки тому
Супер. О теге meter первый раз слышу. Удивил )
@sunnyorange8265
@sunnyorange8265 2 роки тому
Прекрасные уроки, спасибо большое!✨❤️
@YauhenKavalchuk
@YauhenKavalchuk 2 роки тому
Пожалуйста
@TheProtMen
@TheProtMen 2 роки тому
Очень классно, спасибо тебе !
@YauhenKavalchuk
@YauhenKavalchuk 2 роки тому
Пожалуйста
@user-uf2cw2sx3p
@user-uf2cw2sx3p Рік тому
Твои уроки топ
@YauhenKavalchuk
@YauhenKavalchuk Рік тому
Благодарю
@syediqbalahmed3176
@syediqbalahmed3176 4 роки тому
good
@vlad_hippo
@vlad_hippo 4 роки тому
JS сила)
@pashapasha845
@pashapasha845 3 роки тому
Спасибо большое за уроки! Хочу спросить, можно ли meter и progress делать вертикальными?
@YauhenKavalchuk
@YauhenKavalchuk 3 роки тому
Только с помощью CSS развернуть, но выглядеть это будет так себе. Для такого кейса лучше делать эмуляцию элемента на div и его стилизировать
@pashapasha845
@pashapasha845 3 роки тому
@@YauhenKavalchuk Спасибо за ответ. Правильно ли я понял: нужно слепить этот элемент в отдельном div из чего нибудь (полоска, кружек...) а функционал писать на js? Я пока развернул с помощью transform: rotate(-0.25turn);
@iGotton
@iGotton 4 роки тому
+
@alinafattakhova9610
@alinafattakhova9610 Рік тому
Евгений спасибо за ваш труд, к сожалению сейчас вас никаким образом невозможно поддержать и отблагодарить, не патреоне не принимают донаты. может есть альтернативные способы?
@YauhenKavalchuk
@YauhenKavalchuk Рік тому
Есть возможность в крипте. Больше, к сожалению, ничего нет
@alenache1
@alenache1 4 роки тому
а еще можно было сказать, что кнопки можно оборачивать в ссылки и ссылки можно оборачивать в кнопки, например, вот так: переход на ролик HTML5 Basics #9 Полезные тэги переход на ролик HTML5 Basics #9 Полезные тэги
@AnastasiiaBatarei
@AnastasiiaBatarei 4 роки тому
Согласно спецификации, ни ссылки, ни кнопки не могут содержать внутри себя интерактивные элементы: html.spec.whatwg.org/multipage/text-level-semantics.html#the-a-element, html.spec.whatwg.org/multipage/form-elements.html#the-button-element (смотреть описание Content model)
@dsalodki
@dsalodki 4 роки тому
я и не знал!
@YauhenKavalchuk
@YauhenKavalchuk 2 роки тому
Теперь узнали)
HTML5 #11 Форма (Form)
10:18
webDev
Переглядів 17 тис.
船长被天使剪成光头了?#天使 #小丑 #超人不会飞
00:28
超人不会飞
Переглядів 15 млн
Зомби Апокалипсис  часть 1 🤯#shorts
00:29
INNA SERG
Переглядів 3,2 млн
Завтра в школу с... | Шоу-квиз «Вопросики»
00:28
Телеканал СОЛНЦЕ
Переглядів 3,7 млн
Secrets of Apple Ecosystem for Creators
5:20
Digital Doll's Lists & Learnings
Переглядів 662
Lesson 6. The main tags and html attributes.
43:51
Елена Литвинова — Искусство Веб-разработки 🛸
Переглядів 8 тис.
8 редких HTML тегов, которые почти НИКТО не знает!
11:27
Владилен Минин
Переглядів 41 тис.
船长被天使剪成光头了?#天使 #小丑 #超人不会飞
00:28
超人不会飞
Переглядів 15 млн