HTML с 0 до Профи. Полный курс + Практика [2024]

В этом курсе понятно разобраны все темы HTML. Курс подойдет не только для новичков, он остается актуальным для всех уровней. Выучите HTML с нуля и бесплатно. Начните свой путь в Frontend. Основы HTML, теги, семантические теги, СЕО, метатеги, текст, списки, медиа элементы, структура документа, таблицы, формы, группировка.

Мой телеграмм канал с заметками, обзорами, мыслями и историями:

Мой GitHub с первыми проектами:

0:00 - Введение
2:46 - Выбор Текстового Редактора
3:26 - Просмотр и Отладка в Браузере
4:15 - Скачивание Visual Studio Code
4:28 - Полезные Расширения для Работы с HTML
4:57 - Структура HTML-документа
9:45 - HTML-элементы
13:20 - HTML-текст
17:32 - HTML-списки
20:00 - Блочные и Инлайновые Элементы в HTML
21:30 - Группировка Содержимого в HTML
23:23 - Семантические Элементы в HTML5
28:10 - Семантика уровня текста
32:04 - Спецсимволы HTML
33:24 - HTML-атрибуты
36:28 - HTML-ссылки
38:43 - HTML-изображения
40:46 - Формы
46:28 - Табличные данные
49:13 - Встраиваемое содержимое
54:49 - Метаданные документа
57:30 - Интерактивные элементы
59:40 - Скрипты
1:02:07 - Контентная модель
1:04:51 - Комментарии в HTML
1:05:19 - Практика HTML
1:05:20 - VS Code настройка
1:07:23 - Пишем код
1:47:53 - Заключение

Использовалось в написании сценария:

#html #html5 #htmltutorial #htmlcode #верстка #версткасайта #frontend

[reactify-it]

В моём телеграм-канале вы найдёте план обучения для frontend-разработчиков (roadmap). Там же доступен PDF-гайд по установке VS Code, список горячих клавиш и шаблон HTML-разметки. Если у вас возникнут вопросы или сложности, пишите мне.

[vladislavzaitsev]

Спасибо большое за подробнейший и прекрасно изложенный курс ❤

[xvkhxtu]

Еще одно видео с золотым содержимым! Рад, что присоединился к каналу! Так держать! Все по полкам и на саоих местах! Репросмотр наследуется после первого просмотра! Здорово!

[cilemco]

За полтора часа понял больше, чем за три месяца обучения. Потому что материал подан последовательно, структурировано, с примерами и пояснениями. Идём дальше! ☝️

[sptyolm]

Блокам в таблицам нужно было выставить бордер чтобы визуально было понятнее, а так видос крутой

[reactify-it]

1:05:20 - Тут мы на практике настраиваем VS Code (Если вдруг у вас не получилось его настроить в начале видео)

[dofaqq]

Хороший видос. Не хватило только объяснения в чем разница id, class, когда что использовать и как правильно называть. + не были использованы классы в практике. Надеюсь сделаешь отдельное видео с разбором всех моментов с id и class, этого на ютубе не было несколько лет. Свежее видео с этими аспектами с хорошим превью залетит в ближайшее время и может быть полезным многим людям

[elviraiztileu]

Офигенно объясняешь! Сразу большой объем информации! Правда если бы я был совсем нулевым было бы тяжеловато в некоторых моментах.

[elviraiztileu]

Круто! Спасибо! Жаль у тебя нет видео по CSS

[titsubishi]

Этот видос - лютый топ!
Автор, если используешь Vue.js - было бы кочень круто увидеть подобную инфу от тебя.

[Krylowandrey]

А как сделать текст еще меньше? Вобще можно задать ему пункты в виде числа?