✅ Тема 13: [Гайд] Основы HTML и CSS: создаём свой первый сайт

Sascha · 8 Июн 2025

? Основы HTML и CSS: делаем сайт с нуля
Пошаговое создание простой страницы

Что такое HTML и CSS?
- HTML — структура сайта (теги, заголовки, параграфы, списки)
- CSS — стилизация: цвета, шрифты, расположение элементов

Пример простого HTML-файла:

Код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Мой первый сайт</title>
    <style>
        body { font-family: Arial, sans-serif; background: #f0f0f0; color: #333; padding: 20px; }
        h1 { color: #007acc; }
        p { font-size: 18px; }
        a { color: #007acc; text-decoration: none; }
        a:hover { text-decoration: underline; }
    </style>
</head>
<body>
    <h1>Привет, мир!</h1>
    <p>Это мой первый сайт. <a href="https://www.example.com" target="_blank">Посетить Example.com</a></p>
</body>
</html>

Как открыть:
- Сохрани код в файл с расширением `.html` (например, `index.html`)
- Открой двойным кликом в браузере

Что изучать дальше:
- Теги: div, span, ul/ol, form, input
- CSS: позиционирование, Flexbox, Grid
- Инструменты разработчика в браузере (F12)

? Пробовал создавать сайты? Покажи свои работы!

✅ Тема 13: [Гайд] Основы HTML и CSS: создаём свой первый сайт

Sascha

Заместитель Администратора