Код IT Загрузка примера кода…

HTML main.html 
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Частые вопросы</title>
  <style>
    body { font-family: system-ui, sans-serif; max-width: 36rem; margin: 2rem auto; padding: 0 1rem; }
    details { border: 1px solid #ddd; border-radius: 8px; padding: 0.5rem 0.75rem; margin-bottom: 0.5rem; }
    summary { cursor: pointer; font-weight: 600; }
  </style>
</head>
<body>
  <h1>Частые вопросы</h1>

  <details>
    <summary>Нужен ли сервер, чтобы открыть HTML?</summary>
    <p>Нет. Достаточно сохранить файл и открыть в браузере. Сервер понадобится позже для форм и API.</p>
  </details>

  <details open>
    <summary>Чем HTML отличается от CSS?</summary>
    <p>HTML задаёт <strong>структуру</strong>, CSS — <strong>внешний вид</strong>. Оба файла можно связать через <code>&lt;link rel="stylesheet"&gt;</code>.</p>
  </details>

  <details>
    <summary>Где учить дальше?</summary>
    <p>См. <a href="/encyclopedia/3-data-markup/3-09-html/1">раздел HTML</a> в энциклопедии и <a href="/lab/Примеры/110">готовые макеты</a>.</p>
  </details>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Частые вопросы</title>
  <style>
    body { font-family: system-ui, sans-serif; max-width: 36rem; margin: 2rem auto; padding: 0 1rem; }
    details { border: 1px solid #ddd; border-radius: 8px; padding: 0.5rem 0.75rem; margin-bottom: 0.5rem; }
    summary { cursor: pointer; font-weight: 600; }
  </style>
</head>
<body>
  <h1>Частые вопросы</h1>

  <details>
    <summary>Нужен ли сервер, чтобы открыть HTML?</summary>
    <p>Нет. Достаточно сохранить файл и открыть в браузере. Сервер понадобится позже для форм и API.</p>
  </details>

  <details open>
    <summary>Чем HTML отличается от CSS?</summary>
    <p>HTML задаёт <strong>структуру</strong>, CSS — <strong>внешний вид</strong>. Оба файла можно связать через <code>&lt;link rel="stylesheet"&gt;</code>.</p>
  </details>

  <details>
    <summary>Где учить дальше?</summary>
    <p>См. <a href="/encyclopedia/3-data-markup/3-09-html/1">раздел HTML</a> в энциклопедии и <a href="/lab/Примеры/110">готовые макеты</a>.</p>
  </details>
</body>
</html>