Загрузка данных

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Мой первый сайт</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>Мой первый сайт</h1>

  <p>Переход на страницы:</p>
  <ul>
    <li><a href="1.html">Файл 1</a></li>
    <li><a href="2.html">Файл 2</a></li>
  </ul>

  <p>Внутренние ссылки:</p>
  <ul>
    <li><a href="#glava1">Глава 1</a></li>
    <li><a href="#glava2">Глава 2</a></li>
    <li><a href="#glava3">Глава 3</a></li>
  </ul>

  <h2 id="glava1">Глава 1</h2>
  <p>Содержимое первой главы.</p>

  <h2 id="glava2">Глава 2</h2>
  <p>Содержимое второй главы.</p>

  <h2 id="glava3">Глава 3</h2>
  <p>Содержимое третьей главы.</p>
</body>
</html>
—-index html

1.html
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Файл 1</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="page">
    <p style="text-align:right;">Файл 1.html</p>
    <h1>Эпоха динозавров</h1>
    <h2>Палеозойская эра<br>Периоды:</h2>

    <ol type="I">
      <li>Кембрийский</li>
      <li>Ордовикский</li>
      <li>Силурийский</li>
      <li>Девонский</li>
      <li>Каменноугольный</li>
      <li>Пермский</li>
    </ol>

    <a class="home-link" href="index.html">На главную</a>
  </div>
</body>
</html>

2.html
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Файл 2</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="page">
    <p style="text-align:right;">Файл 2.html</p>
    <h1>Эпоха динозавров</h1>
    <h2>Мезозойская эра<br>Периоды:</h2>

    <ul>
      <li>Триасовый</li>
      <li>Юрский
        <ul>
          <li>Ранняя и средняя юра</li>
          <li>Поздняя юра</li>
        </ul>
      </li>
      <li>Меловой
        <ul>
          <li>Ранний мел</li>
          <li>Поздний мел</li>
        </ul>
      </li>
    </ul>

    <a class="home-link" href="index.html">На главную</a>
  </div>
</body>
</html>