Принято называть главный файл директории index.html или index.php - зависит, на каком языке написан сайт.
Индексный файл нужен вот для чего. Этот файл будет открываться по умолчанию, то есть если в адресе в браузере имя файла на указано, то подразумевается, что надо открыть индексный файл.
Например, Facebook написан на языке РНР, поэтому когда вы заходите на сайт zero2hero.org, на самом деле подразумевается, что откроется индексный файл zero2hero.org/index.php - видите, я указал имя файла напрямую “index.php” и всё работает. Индексный файл позволяет на набирать лишний текст, это удобно.
Другими словами, заходя на любой сайт, вы на самом деле открываете какую-то страничку на этом сайте, и если имя этой странички не указано явно, скажем, только просто название сайта, то открывается именно индексный файл, а такую страницу называют “домашней страницей”.
Поэтому мы и назвали наш файл в примере - index.html.
Если мы создадим в нашем проекте ещё одну-две страницы, то мы можем все их перелинковать между собой, то есть с главной страницы перейти на другую страницу по ссылке, и наоборот, с той страницы можно перейти по ссылке на главную.
Давайте создадим новый файл - “Наша команда”, тут будет краткое описание участников вашей банды. Это просто пример.
Мы копируем из нашего индексного файла весь код и меняем центральную часть.
Это мы делаем для того, чтобы ваш дизайн был последовательным на всех страничках сайта, то есть была та же самая шапка, футер.
Это позволяет пользователям понять, что они находятся всё ещё на том же самом сайте.
В центральной части мы делаем текст-заглушку “Тут будет текст о нашей команде”.
Называем файл “team.html”
Теперь cделаем ссылку на главную с помощью тега А.
Атрибут href этой ссылки будет равняться “index.html”.
Если нажать на эту ссылку, то мы перейдём на главную страницу сайта.
Так же можем сделать ссылку с главной на страницу о нашей команде.
Пишем тег “А”. Атрибут href этой ссылки будет равняться “team.html”.
Вот так просто это и работает.
Попробуйте сделать страницу о вашей команде (пока можно без текста) и сделать ссылку на неё с главной страницы.
Курс по HTML - zero2hero.org/course/details/html
12 янв 2020