Найти тему

Как создать директорию сайта в HTML?

Оглавление
Изображение Kevin Phillips с сайта Pixabay
Изображение Kevin Phillips с сайта Pixabay

Начнем с определения. Что такое директория? В простейшем представлении это совокупность подпапок с html-страницами внутри основной (или корневой) папки. И все это хранится на Вашем компьютере (до того момента пока Вы не купите домен и хостинг).

Приступаем к созданию Вашей первой директории.

Шаг 1

Первым делом нам необходимо создать корневую папку.

Правая кнопка мыши → Создать → Папку.

Назвать ее можно как угодно, но лично я свою назвал "root-folder".

Шаг 2

Открываем корневую папку и создаем главную страницу, которая будет называться index.html. О том как это сделать читай в статье: Язык HTML: просто как дважды два.

Шаг 3

Создаем подпапки (см. шаг 1). В моем случае их три: about-me, services, contacts (у Вас их может быть больше). Внутри каждой подпапки создаем html-страницу с точно таким же названием.

Вот что должно получиться:

Корневая папка
Корневая папка
Подпапки и главная страница внутри корневой папки
Подпапки и главная страница внутри корневой папки

Далее у нас идут html-страницы для каждой подпапки:

-4
-5
-6

Шаг 4

Открываем главную страницу в браузере и приступаем к созданию ссылок.

Вот так это будет выглядеть:

То что вводим
То что вводим
То что получаем
То что получаем

Как видите ничего сложного здесь нет, главное правильно указать путь от корневой папки до конкретной html-страницы. Поясню на примере страницы "О себе". Ссылка на нее выглядит вот так:

-9

Здесь в хронологической последовательности перечислено все что мы создавали ранее. Корневая папка → подпапка → html-страница. Соответственно чем больше подпапок тем длиннее адрес.

Спасибо за внимание!

Надеюсь все получилось и Вы без труда смогли перейти с одной страницы на другую. Предлагаю подписаться на канал чтобы не пропускать выход новых статей)

P.S. Если возникли трудности пишите в комментариях или в сообщениях канала. Отвечу на все и всем)