Тег
Слово в угловых скобках. Обычно тег парный: есть открывающий
<p> и закрывающий </p>.
<p>Привет, мир!</p>
Что такое HTML
HTML (HyperText Markup Language) — язык разметки. Он состоит из тегов — слов в угловых скобках, которые браузер превращает в элементы страницы.
Атрибут
Настройка внутри открывающего тега. Указывает ссылку, картинку, класс или id.
<a href="index.html">Главная</a>
Вложенность
Теги могут помещаться друг в друга, как матрёшки. Порядок открытия и закрытия должен совпадать.
<div> <h1>Заголовок</h1> </div>
Структура документа
У каждой страницы есть скелет: html →
head (настройки) и body (видимая часть).
<html> <head><title>Сайт</title></head> <body>Контент</body> </html>
Что такое CSS
CSS (Cascading Style Sheets) — язык стилей. Он отвечает за то, как элементы выглядят: цвет, размер, расположение и даже анимацию.
Селектор
Кому применить стиль: по тегу, по классу .имя
или по id #имя.
.card { border-radius: 12px; }
Свойство и значение
Внутри фигурных скобок пишут пары
свойство: значение; — например, цвет текста.
h1 { color: #ff6b6b; font-size: 32px; }
Каскад
Если правила спорят, побеждает более точное: inline-стиль → id → класс → тег. Последнее правило тоже выигрывает.
p { color: white; }
p.warn { color: red; } /* выиграет */
Где писать стили
В файле styles.css, в блоке
<style> или прямо в атрибуте
style="..." конкретного тега.
<link rel="stylesheet" href="styles.css">