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): ★ Discord (All): ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ★ РЕКОМЕНДУЮ ВИДЕО ПО ТЕМЕ ★ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ● [[ Все о типах данных ]] : [[ ]] ● [[ Практическая верстка ]] : [[ ]] ● [[ Курс HTML & CSS ]] : [[ ]] ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ★ ПОПУЛЯРНЫЕ ПЛЕЙЛИСТЫ ★ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ● Курс HTML & CSS: ● Базовый курс JavaScript: ● Базовый курс Python: ● Базовый курс PHP7: ● Динамический сайт с нуля:
Back to Top