Сегодня мы познакомимся с HTML. За 50 минут мы научимся верстать HTML страницы, познакомимся с тегами для верстки форм, таблиц, семантических блоков, навигации.
✅ Что вы узнаете:
Что такое архитектура клиент - сервер;
Что такое HTTP и зачем он нужен;
Что такое браузер, как он получает HTML страницу с сервера;
Как поисковые системы индексируют наши сайты;
Что такое семантическая верстка и почему она важна;
Что такое HTML и из чего он состоит: HTML теги, атрибуты и их значения;
Рассмотрим структуру HTML документа;
Что такое кроссбраузерность;
Разберем основные ошибки при написании HTML;
Посмотрим на избыточные вещи в верстке;
Попрактикуемся в написании HTML страницы.
🔍 В этом видео:
0:00 Введение
0:53 Как эффективно учиться
1:40 План урока
3:19 Клиент - Сервер
4:30 Протокол HTTP
5:17 Браузер
6:40 Что такое HTML?
7:05 HTML теги
8:39 Атрибуты тегов
9:48 Структура HTML документа
11:43 Установка редактора кода
12:39 Создание папки и HTML файла
13:10 Базовая структура HTML файла
15:16 Теги для размещения текста и изображений
24:15 Теги для создания таблиц
27:51 Теги для создания форм ввода
38:20 Семантические теги
43:19 Как ускорить свою работу
46:54 Кроссбраузерность
47:30 Документация
48:49 Заключение
👨‍💻 Для кого это видео:
Это видео идеально подходит для студентов, хобби-разработчиков и всех, кто хочет начать свой путь в веб-разработке. Никаких предварительных знаний не требуется!
🔗 Полезные ресурсы:
Файл index.html - bit.ly/48xmKxW
VSCode - code.visualstudio.com/
Дока - doka.guide/
Не забудьте подписаться на канал и нажать на колокольчик, чтобы не пропустить новые уроки. Если у вас есть вопросы, пишите их в комментариях - мы обязательно разберемся вместе!