Файлы сайта: структура простого проекта

Ты прошёл большой путь: умеешь смотреть, где находишься, ходить по папкам и открывать файлы. А теперь хорошая новость — простой сайт устроен ровно из тех же кирпичиков. Это просто файлы в папке, и ты уже умеешь с ними обращаться.

Сайт — это файлы в папке

Когда кто-то говорит «сайт», легко представить что-то огромное и сложное. Но в самом простом виде сайт — это всего три файла, которые лежат рядом в одной папке:

• index.html — это структура страницы. Здесь живёт текст, заголовки, кнопки — сам «скелет» того, что ты видишь.
• style.css — это внешний вид. Здесь описано, какого цвета заголовок, какой шрифт, где отступы. Сама страница не меняется — меняется только то, как она выглядит.
• script.js — это поведение. Здесь живёт код, который оживляет страницу: реагирует на нажатия, что-то считает, показывает и прячет.

Запомни эту тройку простой подсказкой: HTML — что написано, CSS — как это выглядит, JS — что происходит, когда ты тыкаешь.

Заглянем внутрь

Главный файл сайта почти всегда называется index.html. Браузер открывает именно его первым — это как титульная страница книги.

Сначала посмотри, что вообще лежит в папке:

ls

Ты увидишь все три файла: index.html, style.css и script.js. А теперь открой главную страницу и загляни внутрь:

cat index.html

В ответ терминал покажет содержимое — что-то вроде <h1>Привет</h1>. Это и есть HTML: тег <h1> означает «большой заголовок», а между тегами — текст, который увидит человек.

Попробуй

Твоя задача — заглянуть в простой сайт своими руками:

1. Набери ls, чтобы увидеть три файла сайта;
2. Открой главную страницу командой cat index.html и посмотри, что внутри.

Как только увидишь содержимое страницы с тегом h1, урок зачтётся.