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

Вот готовый код (HTML + CSS) для точного воссоздания этой страницы из учебника. 

Я добавил стилизацию, чтобы страница выглядела в точности как напечатанный листок: с рамкой, газетно-серым фоном и классическим шрифтом *Times New Roman*.

### Код файла index.html:<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Эпоха динозавров</title>
    <style>
        /* Базовые стили для воссоздания атмосферы скана/учебника */
        body {
            background-color: #dcdcdc;
            font-family: "Times New Roman", Times, serif;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            margin: 0;
        }

        /* Контейнер, имитирующий страницу из книги */
        .page-container {
            background-color: #ececec;
            border: 2px solid #444;
            width: 350px;
            padding: 25px;
            box-shadow: 4px 4px 15px rgba(0,0,0,0.15);
            box-sizing: border-box;
        }

        /* Название файла сверху */
        .file-title {
            text-align: center;
            font-size: 20px;
            margin-top: 0;
            margin-bottom: 25px;
            font-weight: normal;
        }

        /* Главный заголовок (жирный, курсив, подчеркнутый) */
        h1 {
            text-align: center;
            font-size: 26px;
            font-weight: bold;
            font-style: italic;
            text-decoration: underline;
            margin-bottom: 30px;
        }

        /* Стилизация списка */
        ul {
            padding-left: 25px;
            margin: 0;
        }

        li {
            font-size: 20px;
            line-height: 1.3;
            margin-bottom: 20px;
            color: #000;
        }

        /* Ссылки (черные и подчеркнутые, как в старой печати) */
        a {
            color: #000;
            text-decoration: underline;
        }

        /* Пояснения в скобках (курсив) */
        .note {
            font-style: italic;
        }
    </style>
</head>
<body>

<div class="page-container">
    <!-- Надпись сверху -->
    <div class="file-title">файл index.html</div>

    <!-- Заголовок страницы -->
    <h1>Эпоха динозавров</h1>

    <!-- Список с ссылками -->
    <ul>
        <li>
            <a href="1.html">Палеозойская эра</a><span class="note">(ссылка на 1.html)</span>
        </li>
        <li>
            <a href="2.html">Мезозойская эраМ</a> <span class="note">(ссылка на 2.html)</span>
        </li>
    </ul>
</div>

</body>
</html>

### Особенности реализации:
1. Точность текста: Вторая ссылка сохранена с опечаткой из учебника («*эраМ*»).
2. Шрифты: Использован засеченный шрифт Times New Roman для полной идентичности печатному листу.
3. Оформление ссылок: В старых учебниках ссылки всегда отображались черным цветом с подчеркиванием, что и реализовано в CSS (color: #000; text-decoration: underline;).