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

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>170 лет Третьяковской галереи</title>
    <style>
        /* 1. Фон страницы — однотонная заливка с градацией жёлтого цвета */
        body {
            background: linear-gradient(135deg, #fff9c4, #fff176, #ffeb3b);
            font-family: 'Georgia', 'Times New Roman', serif;
            margin: 0;
            padding: 30px;
            min-height: 100vh;
            color: #000; /* основной цвет текста — чёрный */
        }

        /* 2. Заголовок первого уровня: зелёный цвет, выравнивание по центру */
        h1 {
            color: #1b5e20; /* тёмно-зелёный */
            text-align: center;
            font-size: 2.5rem;
            margin-bottom: 30px;
            letter-spacing: 1px;
        }

        /* Контейнер для контента */
        .content {
            max-width: 900px;
            margin: 0 auto;
            background-color: rgba(255, 255, 255, 0.7);
            padding: 30px;
            border-radius: 16px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        }

        /* Абзацы */
        p {
            font-size: 1.2rem;
            line-height: 1.8;
            margin-bottom: 20px;
            text-align: justify;
        }

        /* 3. Базовые стили для выделений уже работают через теги <em>, <strong>, <u> */
        /* Дополнительно стилизуем подчёркивание, чтобы оно было заметнее */
        u {
            text-decoration-color: #d32f2f;
            text-underline-offset: 3px;
        }

        /* Таблица */
        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 30px;
            background-color: #ffffff;
            border: 2px solid #f9a825;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
            font-size: 1rem;
        }

        caption {
            font-size: 1.3rem;
            font-weight: bold;
            margin-bottom: 10px;
            color: #1b5e20;
            text-align: left;
            padding: 10px 0;
        }

        th, td {
            border: 1px solid #f9a825;
            padding: 14px 16px;
            text-align: center;
            vertical-align: middle;
        }

        th {
            background-color: #fff9c4;
            font-weight: bold;
            color: #1b5e20;
        }

        td {
            background-color: #fffde7;
            transition: background-color 0.2s;
        }

        td:hover {
            background-color: #fff9c4;
        }
    </style>
</head>
<body>
    <div class="content">
        <!-- 2. Заголовок первого уровня, зелёный, по центру -->
        <h1>170 лет Третьяковской галереи</h1>

        <!-- 3. Текст с основным чёрным цветом и выделенными словами -->
        <p>
            <!-- Полужирное выделение -->
            <strong>Государственная Третьяковская галерея</strong> является 
            <!-- Курсив -->
            <em>символом культурной жизни</em>, обозначением средоточия ценностей, 
            воплотившихся в себе представление людей о 
            <!-- Подчёркнутое выделение -->
            <u>гуманности и красоте</u>.
        </p>
        <p>
            Третьяковская галерея — 
            <!-- Полужирный курсив (комбинированное выделение) -->
            <strong><em>крупнейшее собрание произведений искусства</em></strong> 
            в России. Фонд музея вмещает коллекцию экспонатов 
            <em>XI — начала XXI веков</em>. Сегодня здесь представлено 
            <!-- Подчёркнутое выделение -->
            <u>более 200 тысяч шедевров</u> живописи и скульптуры. 
            А началась история одного из значимых музеев мира всего 
            <!-- Ещё одно полужирное выделение -->
            <strong>с двух картин</strong> из небольшой частной экспозиции.
        </p>

        <!-- Таблица «Основные залы Третьяковской галереи» -->
        <table>
            <caption>Основные залы Третьяковской галереи</caption>
            <thead>
                <tr>
                    <th>Зал визита</th>
                    <th>Зал XVIII–XIX веков</th>
                    <th>Залы второй половины XIX века</th>
                    <th>Залы рубежа XIX–XX веков</th>
                    <th>Зал графики</th>
                    <th>Сокровищница русского искусства</th>
                </tr>
            </thead>
            <tbody>
                <!-- Дополнительная строка, как показано в образце таблицы -->
                <tr>
                    <td>Экспозиция икон</td>
                    <td>Портреты и пейзажи</td>
                    <td>Передвижники</td>
                    <td>Модерн и символизм</td>
                    <td>Рисунки и гравюры</td>
                    <td>Золотая кладовая</td>
                </tr>
            </tbody>
        </table>
    </div>
</body>
</html>