1. HTML для начинающих. Введение — тег, анатомия тега, поток документа, вложенность, атрибуты

Опубликовано: 30 Июнь 2023
на канале: Александр Ламков — Friendly Frontend

38,712

1.1k

✏️ Начинаем разбирать с самого нуля HTML — одну из трех главных технологий фронтенда. В начале мы немного ознакомимся с теорией, чтобы не теряться в терминах в дальнейшем, а затем перейдем к разбору HTML-тегов, которые, на мой взгляд, необходимо знать каждому фронтенд-разработчику.

🔴 Timeline:
▶ 00:00 | Вступление
▶ 00:10 | Что будет на курсе
▶ 00:27 | Что такое HTML
▶ 00:45 | Понятие тега
▶ 01:07 | Анатомия парного тега
▶ 01:35 | Анатомия одиночного тега
▶ 02:04 | Поток документа
▶ 02:32 | Понятие вложенности
▶ 02:55 | Порядок открытия и закрытия тегов
▶ 03:15 | Атрибуты
▶ 03:34 | Одиночные атрибуты
▶ 03:56 | Размещение нескольких атрибутов
▶ 04:19 | Глобальные атрибуты
▶ 04:34 | Список атрибутов MDN
▶ 04:45 | Базовая HTML-разметка страницы
▶ 04:53 | doctype
▶ 05:14 | Тег html
▶ 05:25 | Атрибут lang
▶ 05:46 | Тег head
▶ 05:57 | Тег meta
▶ 06:37 | Тег title
▶ 06:49 | Тег body
▶ 07:10 | Что дальше

📚 Полезные ссылки:
➖ Современный справочник по HTML: https://doka.guide/html/
➖ Справочник по фронтенду "MDN" от разработчиков Mozilla Firefox: https://developer.mozilla.org/ru/
➖ Список всех существующих HTML атрибутов на MDN: https://developer.mozilla.org/en-US/d...

💬 Чат в телеграмме (помощь новичкам):
https://t.me/friendlyFrontendChat

🔸 Boosty (поддержать канал):
https://boosty.to/friendly-frontend

🗂️ Бесплатные курсы на канале:
🟠 HTML:    • HTML курс 2024
🔵 CSS:    • CSS курс 2024
🟡 JS:    • JavaScript курс 2024
🟢 A11y:    • Accessibility курс 2024
⚪️ Мастер-класс по верстке для новичков:    • Верстка Kropp Fitness (HTML, CSS)
🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS):    • Верстка Positivus (HTML, БЭМ, SCSS)
🗺 Frontend Roadmap 2024    • Frontend Roadmap 2024 | Что должен уч...

📌 Автор:
➖ Личный сайт: https://aleksanderlamkov.ru/
➖ Telegram: https://t.me/friendlyFrontend
➖ Boosty: https://boosty.to/friendly-frontend
➖ GetMentor: https://getmentor.dev/mentor/aleksand...
➖ Solvery: https://solvery.io/mentor/aleksanderl...

#frontend #фронтенд #html