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


<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8" />
    <title>Вариант 3. Виды принтеров</title>
    <style>
        body {
            background-color: lightgreen;
            font-family: Arial, sans-serif;
            overflow: hidden; /* чтобы бегущая строка не мешала прокрутке */
        }
        /* Стиль для бегущей строки */
        .marquee {
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            box-sizing: border-box;
            background-color: #f0f0f0;
        }
        .marquee span {
            display: inline-block;
            padding-left: 100%;
            animation: marquee 10s linear infinite;
            font-weight: bold;
        }
        @keyframes marquee {
            0% { transform: translate(0, 0); }
            100% { transform: translate(-100%, 0); }
        }
        /* Стиль для таблицы */
        table {
            width: 50%;
            margin: 20px auto;
            border-collapse: collapse;
        }
        th, td {
            border: 1px solid #333;
            padding: 8px;
            text-align: center;
        }
        img {
            width: 100px;
            height: auto;
        }
    </style>
</head>
<body>
    <!-- Бегущая строка -->
    <div class="marquee">
        <span>Вариант 3</span>
    </div>
    
    <h1>Виды принтеров</h1>
    <table>
        <tr>
            <th>Тип</th>
            <th>Описание</th>
        </tr>
        <tr>
            <td>Матричные</td>
            <td><a href="index1.html"><img src="https://via.placeholder.com/100x50?text=Матричный" alt="Матричный принтер" /></a></td>
        </tr>
        <tr>
            <td>Струйные</td>
            <td><a href="index1.html"><img src="https://via.placeholder.com/100x50?text=Струйный" alt="Струйный принтер" /></a></td>
        </tr>
        <tr>
            <td>Лазерные</td>
            <td><a href="index1.html"><img src="https://via.placeholder.com/100x50?text=Лазерный" alt="Лазерный принтер" /></a></td>
        </tr>
        <tr>
            <td>Фотопринтеры</td>
            <td><a href="index1.html"><img src="https://via.placeholder.com/100x50?text=Фотопринтер" alt="Фотопринтер" /></a></td>
        </tr>
    </table>
</body>
</html>