HTML CSS - Файл из директории: как запускать проверять страницы/файлы локально без настройки веб-сервера - из папки

Самый быстрый способ посмотреть, как выглядит html-страница — просто
открыть файл в браузере, без настройки веб-сервера.

Открытие файла в браузере

Создайте файл с расширением .html, например index.html,
и запишите в него минимальную разметку:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Тестовая страница</title>
</head>
<body>
    <h1>Привет, мир!</h1>
</body>
</html>

Затем откройте файл в браузере одним из способов:

- двойным кликом в файловом менеджере;
- через меню браузера: Ctrl + O и выбрать файл;
- перетащив файл в окно браузера.

В адресной строке вы увидите адрес вида:

file:///home/user/index.html

Обратите внимание на протокол file:// — браузер читает файл
прямо с диска, а не запрашивает его у веб-сервера (как при http://).

После правок в файле достаточно обновить страницу (F5).

Подключение CSS

CSS подключается как обычно, относительные пути работают:

<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="../css/style.css">

То есть для простых примеров из первых уроков такого запуска достаточно.

Более сложный вариант

В наших курсах вообще и по HMTL в частности мы рекомендуем сразу настроить полноценное окружение
(Linux + Apache + виртуальный хост) — читайте
как запускать примеры.