Загрузка страницы

Назначение HTML-тегов в верстке №3. Семантические теги

Привет! Решил сделать разбор каждого html-тега, и показать на примере макетов, где какой тег лучше применять и почему. Рубрика будет разделена на несколько частей, чтобы видео не вышло на 3+ часа.

Для вашего удобства есть таймкоды:
00:00 - Интро
00:24 - еще раз про div и span
01:34 - header
03:40 - footer
05:34 - main
06:50 - section
09:36 - article
12:29 - aside
13:25 - nav
15:42 - time
16:56 - остальные теги
25:04 - Аутро

https://blog.maxgraph.ru/ - все макеты из видео можно найти здесь

Меня зовут Максим Васянович. Фрилансер уже 6 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.

Понравилось? https://clck.ru/Gr9Ec
Поддержать канал: https://boosty.to/maxgraph
Моя страница вконтакте: http://vk.com/maxdenaro
Мой блог: http://blog.maxgraph.ru
Карта канала: https://blog.maxgraph.ru/ytmap/
Яндекс.Дзен: https://zen.yandex.ru/id/5cb99cd674b7da00b366805f
Мой сайт: http://maxgraph.ru
Канал в телеграм: https://t.me/maxgraph
Чат для верстальщиков: https://t.me/maxgraph_chat
#обучение #html #верстка

Видео Назначение HTML-тегов в верстке №3. Семантические теги канала MaxGraph - cайты как страсть
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
10 марта 2023 г. 16:00:07
00:27:47
Другие видео канала
Разбор ваших работ по верстке онлайн. Советы по верстке. №35Разбор ваших работ по верстке онлайн. Советы по верстке. №35Верстаю сайт в прямом эфире. Часть 2. Отвечаю на ваши вопросыВерстаю сайт в прямом эфире. Часть 2. Отвечаю на ваши вопросыКому нужна платная фигма, когда есть это? Плагин Inspect StylesКому нужна платная фигма, когда есть это? Плагин Inspect StylesРазбор ваших работ по верстке онлайн. Советы по верстке. №34Разбор ваших работ по верстке онлайн. Советы по верстке. №34Figma Dev Mode. Новые фишки, мое мнение, и что нам делать дальшеFigma Dev Mode. Новые фишки, мое мнение, и что нам делать дальшеПравильный порядок состояний (focus, hover, active) для элементовПравильный порядок состояний (focus, hover, active) для элементовКак сверстать сайт по макету. Пошаговый планКак сверстать сайт по макету. Пошаговый планРазбор ваших работ по верстке онлайн. Советы по верстке. №33Разбор ваших работ по верстке онлайн. Советы по верстке. №33Единицы измерения CSS. Px, em или rem - что использовать?Единицы измерения CSS. Px, em или rem - что использовать?Назначение HTML-тегов в верстке №5. Теги картинок, ссылок, списков и интерактиваНазначение HTML-тегов в верстке №5. Теги картинок, ссылок, списков и интерактиваМой новый проект для развития навыков верстки - verstaem.onlineМой новый проект для развития навыков верстки - verstaem.onlineНазначение HTML-тегов в верстке №4. Теги формНазначение HTML-тегов в верстке №4. Теги формАдаптивная верстка сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. Макет RecidivizАдаптивная верстка сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. Макет RecidivizРазбор ваших работ по верстке онлайн. Советы по верстке. №32Разбор ваших работ по верстке онлайн. Советы по верстке. №32Разбор ваших работ по верстке онлайн. Советы по верстке. №31Разбор ваших работ по верстке онлайн. Советы по верстке. №31Разбор тега picture. Для чего нужен, синтаксис, примерыРазбор тега picture. Для чего нужен, синтаксис, примерыНазначение HTML-тегов в верстке №2. Теги форматированияНазначение HTML-тегов в верстке №2. Теги форматированияНазначение HTML-тегов в верстке №1. Базовые тегиНазначение HTML-тегов в верстке №1. Базовые тегиПростая адаптивная флекс-сетка с помощью calcПростая адаптивная флекс-сетка с помощью calcРазбор ваших работ по верстке онлайн. Советы по верстке. №30Разбор ваших работ по верстке онлайн. Советы по верстке. №30
Яндекс.Метрика