index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <!-- Комментарий HTML
        Здесь ниже будут стили
    -->
</head>
<body>
    <nav>
        <a href="index.html">Главная</a>
        <a href="products.html">Товары</a>
        <a href="contacts.html">Контакты</a>
    </nav>
    <section>
        <h1>Главная</h1>
        <p>
            Lorem Ipsum - це текст-"риба", що використовується в друкарстві та дизайні. Lorem Ipsum є, фактично, стандартною "рибою" аж з XVI сторіччя, коли невідомий друкар взяв шрифтову гранку та склав на ній підбірку зразків шрифтів. "Риба" не тільки успішно пережила п'ять століть, але й прижилася в електронному верстуванні, залишаючись по суті незмінною. Вона популяризувалась в 60-их роках минулого сторіччя завдяки виданню зразків шрифтів Letraset, які містили уривки з Lorem Ipsum, і вдруге - нещодавно завдяки програмам комп'ютерного верстування на кшталт Aldus Pagemaker, які використовували різні версії Lorem Ipsum.
        </p>
    </section>
    <footer>
        <hr>
        Test&nbsp;&nbsp;&nbsp;&nbsp;one
        &lt;br&gt;
        &copy; 2016
    </footer>
</body>
</html>