Здравствуйте.

Вот и новые видео с легкой задержкой. Всего будет 3 части посвященные верхней части сайта или по другому header элемент. Он расположен в самом верху элемента body обычно и в нем часто лежит меню и логотип компании. Логотип можно сделать картинкой или просто названием. На больших сайтах лучше делать ссылку о которых мы поговорим чуть ниже.

Из этого следует, что в первой части видео мы сделали меню и названием в данном случае этого канала.

раздел меню - это навигация и обозначает его тег парный nav. В нем обычно размещают элемент ul - не маркированный список. Вы увидите как он выглядит без стиля css на чистом html. ul тег тоже парный как и сами его элементы li - list item, а в них уже мы кладем сами ссылки a (anchor). Ссылки тега a и сделали веб таким как мы его знаем с возможностью перейти в любую часть сайта, на другой сайт или к нужному элементу. У многих тегов есть атрибуты и тег a не исключение. Его основным атрибутом будет href или гипертекстовая ссылка по сути где после этого ставим равно и в кавычках двойных пишем адрес или хештег нужного элемента. Ссылки внутри сайта должны быть относительно html файла с ними. Можно указать полный адрес любой доступной веб страницы. С переходом к нужному элементу нужна цель куда перейдет пользователь или адрес элемента. Про переходы позже. Учтите, что два раза UL список - это не ошибка. В нашем случае мы сделали hover меню и применив стили спрятали подменю во втором ul до наведения мыши. Hover так же позволяет открывать меню на мобильном по тапу пальцем. Тут важно сделать удобный размер под тап.

Заготовка под название пишется в теге заголовка первого уровня h1 - это самый важный заголовок страницы. Советую не забывать про слоган в месте размещения вашего имени проекта. Слоган можно разместить в теге p, но сами текстовые элементы обернуть в тег div. Попробуйте после повторения кода сделать это в отдельном файле (копии).

Позже заголовок станет доступен и Вам после написания части на javaScript. Пока он у Вас будет пустой или можете вписать туда что-то. Но это будет не совсем удобно. Порой мы пишем название нашего проекта много раз и эту работу будет делать за нас скрипт в 3 части.

В следующем видео расскажу про стили и как они меняют страницу. То что у Вас сейчас получится без стиля будет как я показал (как бы с пустым css файлом ) - не пугайтесь. Так и должно быть ведь мы еще не писали их.

К слову просмотр будет удобнее на ПК с веб версией МАХ или программой.

Вообще кроме header есть еще основная часть сайта main и подвал footer. Они уже написаны, но пустые для будущих видео.

До нового видео!