KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #typescript #claude-code #codex #dsh #dsh-plugin #ai-agent #ai-agents #deepseek-harness #agent-skills #macos #cli

html5

★ 80 Open GitHub ↗

Код учебного курса “HTML5” на YouTube-канале webDev (https://tinyurl.com/nza677jj)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

#  HTML5 Basics

### Описание курса:
В данном видео-курсе мы с вами рассмотрим все возможности языка гипертекстовой разметки HTML.
А это, между прочим, основа каждого веб-сайта, или веб-приложения.
Разберём основы, а так же изучим большинство новых тэгов, которые появились с новым стандартом HTML5.
Дополнительно рассмотрим такие понятия, как:
- Валидация HTML документа.
- Семантика.
- Accessibility, или доступность.

По окончанию курса вы научитесь понимать и разбираться в структуре любого HTML документа.

### Поддержать развитие канала:
[<img alt="webDev | YouTube Sponsor" src="https://img.shields.io/badge/Стать спонсором-F70000.svg?&style=for-the-badge&logo=youtube&logoColor=fff" />][sponsor]

---

### Используемые ресурсы и инструменты:
- [Atom (Редактор кода)](https://atom.io/)

### Полезные ссылки:
- [W3 Validator](http://validator.w3.org/)
- [Can I Use](https://caniuse.com/)
- [W3School](https://www.w3schools.com)
- [Learn Javascript](https://learn.javascript.ru)
- [Codewars](https://www.codewars.com)

---

### Список уроков:
- [#0 Введение (Introduction)](https://youtu.be/NUtloXE1L9U)
- [#1 Базовая структура HTML документа (Base HTML Document Structure)](https://youtu.be/01QJmn0vDxs)
- [#2 Мета-данные и внешние импорты (Meta Data & External Imports)](https://youtu.be/RTqHlz8VsQA)
- [#3 Валидация, семантика и доступность (Validation, Semantic, Accessibility)](https://youtu.be/6-9m0I19_Hc)
- [#4 Текст (Text)](https://youtu.be/xWxGrrcWbrk)
- [#5 Списки (Lists)](https://youtu.be/xXCOXsBzm48)
- [#6 Картинки (Images)](https://youtu.be/nZ8XPmXn2Jk)
- [#7 Таблица (Table)](https://youtu.be/Fm0gSGQFmec)
- [#8 Ссылки и кнопки (Links & Buttons)](https://youtu.be/FA0jjOjTChA)
- [#9 Полезные тэги (Useful Tags)](https://youtu.be/I8VAlRiGpq4)
- [#10 Глобальная структура сайта (Global Site Structure)](https://youtu.be/ylCstIgYd54)
- [#11 Форма (Form)](https://youtu.be/N-2-kF1q6j4)
- [#12 Типы полей ввода (Input Types. Part I)](https://youtu.be/JSmINYpl5B4)
- [#13 Типы полей ввода (Input Types. Part II)](https://youtu.be/2EtSbGtlrLo)
- [#14 Видео и аудио файлы (Video & Audio)](https://youtu.be/t4y7atN_RJY)
- [#15 Общие и полезные атрибуты (Common & Useful Attributes)](https://youtu.be/EfiZ4RUOm_o)

---

### Связаться со мной:
[<img alt="webDev | YouTube" src="https://img.shields.io/badge/youtube-FF0000.svg?&style=for-the-badge&logo=youtube&logoColor=white" />][youtube]
[<img alt="webDev | Instagram" src="https://img.shields.io/badge/instagram-E4405F.svg?&style=for-the-badge&logo=instagram&logoColor=white" />][instagram]
[<img alt="webDev | LinkedIn" src="https://img.shields.io/badge/linkedin-0077B5.svg?&style=for-the-badge&logo=linkedin&logoColor=white" />][linkedin]
[<img alt="webDev | X" src="https://img.shields.io/badge/x-000000.svg?&style=for-the-badge&logo=x&logoColor=white" />][x]
[<img alt="webDev | Threads" src="https://img.shields.io/badge/threads-ffffff.svg?&style=for-the-badge&logo=threads&logoColor=black" />][threads]
[<img alt="webDev | Telegram" src="https://img.shields.io/badge/telegram-229ED9.svg?&style=for-the-badge&logo=Telegram&logoColor=white" />][telegram]

[youtube]: https://youtube.com/YauhenKavalchuk
[instagram]: https://instagram.com/YauhenKavalchuk
[linkedin]: https://linkedin.com/in/YauhenKavalchuk
[x]: https://x.com/YauhenKavalchuk
[threads]: https://www.threads.com/YauhenKavalchuk
[telegram]: http://t.me/yauhenkavalchuk
[sponsor]: https://www.youtube.com/channel/UCE9ODjNIkOHrnSdkYWLfYhg/join

html5

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README