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

body{
    background-color: #cccccc;
    font-family: Arial;
}

table{
    border-collapse: collapse;
    margin: auto;
    background-color: white;
}

td{
    border: 1px solid black;
    text-align: center;
    vertical-align: top;
    padding: 10px;
}

a{
    text-decoration: none;
    color: black;
}

a:hover{
    color: blue;
}





<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>АТЛАНТ</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>

<table width="1000">

    <!-- Шапка -->
    <tr>
        <td colspan="2" height="80" bgcolor="lightgray">
            <h1>Компания АТЛАНТ</h1>
        </td>
    </tr>

    <!-- Основная часть -->
    <tr>

        <!-- Левое меню -->
        <td width="250">

            <table width="100%">

                <tr>
                    <td>
                        <a href="index.html">
                            Главная страница
                        </a>
                    </td>
                </tr>

                <tr>
                    <td>
                        <a href="computers.html">
                            Компьютеры и комплектующие
                        </a>
                    </td>
                </tr>

                <tr>
                    <td>
                        <a href="software.html">
                            Программное обеспечение
                        </a>
                    </td>
                </tr>

            </table>

        </td>

        <!-- Контент -->
        <td height="500">

            <marquee>
                Добро пожаловать на сайт компании АТЛАНТ
            </marquee>

            <h2>Главная страница</h2>

            <p>
                Компания АТЛАНТ обеспечит вас
                компьютерами и программными продуктами.
            </p>

            <img src="logo.png" width="250">

        </td>

    </tr>

    <!-- Подвал -->
    <tr>
        <td colspan="2" height="40" bgcolor="lightgray">
            Компания АТЛАНТ
        </td>
    </tr>

</table>

</body>
</html>





<h2>Компьютеры и комплектующие</h2>

<p>
    В продаже имеются компьютеры,
    процессоры, видеокарты, мониторы.
</p>

<img src="pc.png" width="250">







<h2>Программное обеспечение</h2>

<p>
    Операционные системы,
    антивирусы, офисные программы.
</p>

<img src="software.png" width="250">