Создание простого сайта на HTML — это замечательный проект, который поможет вам понять основы веб-разработки. Давайте рассмотрим, как можно создать базовую структуру сайта с использованием HTML.

Вот простой пример HTML-кода для стального веб-сайта:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Мой Первый Сайт</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
            color: #333;
            margin: 0;
            padding: 20px;
        }
        header {
            background-color: #4CAF50;
            color: white;
            padding: 10px;
            text-align: center;
        }
        footer {
            text-align: center;
            padding: 10px;
            background-color: #4CAF50;
            color: white;
            position: fixed;
            width: 100%;
            bottom: 0;
        }
    </style>
</head>
<body>

<header>
    <h1>Добро пожаловать на мой сайт</h1>
</header>

<main>
    <h2>Здесь вы найдёте интересные факты</h2>
    <p>Это пример простого сайта, созданного с помощью HTML. Вы можете добавлять текст, изображения и ссылки, чтобы сделать его более интересным!</p>
    <ul>
        <li>Факт 1: HTML — это основа веб-страниц.</li>
        <li>Факт 2: Вы можете использовать CSS для стилизации вашего сайта.</li>
        <li>Факт 3: С помощью JavaScript можно добавить интерактивность.</li>
    </ul>
</main>

<footer>
    <p>© 2023 Мой Первый Сайт</p>
</footer>

</body>
</html>

Пояснение к коду:

1. Структура документа: Начинается с <!DOCTYPE html>, указывающего браузеру, что это документ HTML5.
2. Элементы <head> и <body>: В <head> находятся метаданные, такие как название сайта и стили, а в <body> — контент, который отображается на странице.
3. Заголовки и параграфы: Используйте <h1> для основного заголовка, <h2> для подзаголовков и <p> для текста.
4. Списки: Элемент <ul> создает ненумерованный список, а <li> используется для элемента списка.
5. Стили CSS: Внутри тега <style> вы можете добавить стили, чтобы улучшить внешний вид сайта.

После создания файла с этим кодом (например, index.html), вы можете открыть его в любом веб-браузере, чтобы увидеть свой сайт в действии!

Продолжайте исследовать и экспериментировать с HTML и CSS, чтобы создавать более сложные и интересные страницы. Удачи вам в ваших веб-проектах!