TOP-30 🏆 HTML тегов используемых в интернете (для самых маленьких 🐣)

★ Только, если тебе интересен FRONT и ты начинаешь изучать верстку!!!

1️⃣ !DOCTYPE: Определяет тип документа и версию HTML.
2️⃣ html: Корневой элемент, содержит весь HTML-код.
3️⃣ head: Содержит метаданные о документе (стили, скрипты, т.д.).
4️⃣ title: Задает заголовок вкладки или окна браузера.
5️⃣meta: Определяет метаданные, такие как кодировка, ключевые слова и описание страницы.
6️⃣link: Связывает внешние ресурсы, такие как CSS-файлы.
7️⃣style: Определяет стили CSS внутри документа.
8️⃣script: Вставляет JavaScript-код или ссылку на внешний скрипт.
9️⃣body: Основное содержимое веб-страницы.
🔟header: Заголовок веб-страницы или раздела.
1️⃣1️⃣footer: Подвал веб-страницы или раздела.
1️⃣2️⃣nav: Навигационная панель с ссылками.
1️⃣3️⃣section: Раздел или группа контента на странице.
1️⃣4️⃣article: Самостоятельный контент, такой как статья или запись в блоге.
1️⃣5️⃣aside: Блок с дополнительным контентом, таким как боковая панель.
1️⃣6️⃣h1-h6: Заголовки различных уровней.
1️⃣7️⃣p: Параграф текста.
1️⃣8️⃣ul/ol: Ненумерованные и нумерованные списки.
1️⃣9️⃣li: Элемент списка.
2️⃣0️⃣a: Гиперссылка.
2️⃣1️⃣img: Вставка изображения.
2️⃣2️⃣figure/figcaption: Изображение с подписью.
2️⃣3️⃣table: Создает таблицу.
2️⃣4️⃣thead/tbody/tfoot: Части таблицы (заголовок, тело, подвал).
2️⃣5️⃣tr: Строка таблицы.
2️⃣6️⃣th/td: Ячейка заголовка или данных таблицы.
2️⃣7️⃣form: Форма для отправки данных пользователем.
2️⃣8️⃣input: Элемент ввода данных в форме (текстовое поле, кнопка, радио-кнопка, чекбокс и т.д.).
2️⃣9️⃣button: Кнопка для отправки формы или выполнения другого действия.
3️⃣0️⃣div: Блочный элемент для группировки или стилизации контента.

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
★ Тайм коды времени ★
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

01:10 -- !DOCTYPE: Определяет тип документа и версию HTML.
02:20 -- html: Корневой элемент, содержит весь HTML-код.
04:20 -- head: Содержит метаданные о документе (стили, скрипты, т.д.).
07:01 -- title: Задает заголовок вкладки или окна браузера.
10:26 -- meta: Определяет метаданные, такие как кодировка, ключевые слова и описание страницы.
12:25 -- link: Связывает внешние ресурсы, такие как CSS-файлы.
15:40 -- style: Определяет стили CSS внутри документа.
20:30 -- script: Вставляет JavaScript-код или ссылку на внешний скрипт.
25:20 -- body: Основное содержимое веб-страницы.
26:35 -- header: Заголовок веб-страницы или раздела.
28:05 -- footer: Подвал веб-страницы или раздела.
29:45 -- nav: Навигационная панель с ссылками.
31:10 -- section: Раздел или группа контента на странице.
33:30 -- article: Самостоятельный контент, такой как статья или запись в блоге.
35:45 -- aside: Блок с дополнительным контентом, таким как боковая панель.
37:40 -- h1-h6: Заголовки различных уровней.
38:05 -- p: Параграф текста.
38:55 -- ul/ol: Ненумерованные и нумерованные списки.
39:40 -- li: Элемент списка.
40:00 -- a: Гиперссылка.
40:40 -- img: Вставка изображения.
43:25 -- figure/figcaption: Изображение с подписью.
44:40 -- table: Создает таблицу.
45:00 -- thead/tbody/tfoot: Части таблицы (заголовок, тело, подвал).
45:40 -- tr: Строка таблицы.
46:00 -- th/td: Ячейка заголовка или данных таблицы.
49:00 -- form: Форма для отправки данных пользователем.
50:20 -- input: Элемент ввода данных в форме (текстовое поле, кнопка, радио-кнопка, чекбокс и т.д.).
53:05 -- button: Кнопка для отправки формы или выполнения другого действия.
54:20 -- div: Блочный элемент для группировки или стилизации контента.
55:30 -- Выводы и быстрый повтор всех тегов.

► Присоединяйтесь к нашему каналу, чтобы следить за обновлениями и узнавать о новых функциях в нашем приложении. Мы регулярно публикуем видео-уроки и демонстрации возможностей приложения, а также отвечаем на ваши вопросы и предложения. Подписывайтесь и будьте в курсе всех новостей!

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
★ НАШЕ КОМЬЮНИТИ ★
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
★ Телеграм (Front End): https://t.me/joinchat/FQXf-hN9LRuCosQCWtzY3g
★ Discord (All): https://discord.gg/UVbzw89vM8
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
★ РЕКОМЕНДУЮ ВИДЕО ПО ТЕМЕ ★
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
● [[ Все о типах данных ]] : [[ http://www.mysql.ru/docs/man/Column_types.html ]]
● [[ Практическая верстка ]] : [[ https://youtu.be/_5v2ETZI7LY ]]
● [[ Курс HTML & CSS ]] : [[ https://youtu.be/GFqCX2AefQk ]]
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
★ ПОПУЛЯРНЫЕ ПЛЕЙЛИСТЫ ★
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
● Курс HTML & CSS: https://youtu.be/GFqCX2AefQk
● Базовый курс JavaScript: https://youtu.be/4GkJvPCuVXg
● Базовый курс Python: https://youtu.be/IbGUmqCrjuc
● Базовый курс PHP7: https://youtu.be/I02F4oCD14o
● Динамический сайт с нуля: https://youtu.be/yEJJlbjT1uk

Видео TOP-30 🏆 HTML тегов используемых в интернете (для самых маленьких 🐣) канала Андрей Андриевский