HTML (HyperText Markup Language) и CSS (Cascading Style Sheets) — это фундаментальные технологии для создания веб-страниц, которые выполняют разные, но взаимодополняющие функции. **Роли:** * **HTML** определяет **структуру и семантическое содержимое** страницы (заголовки, абзацы, списки, изображения, формы). * **CSS** управляет **визуальным представлением и оформлением** (цвета, шрифты, отступы, расположение, адаптивный дизайн). **Взаимодействие:** CSS применяется к элементам HTML, используя **селекторы**. Связь можно установить несколькими способами: 1. **Встроенные стили (Inline):** Стили задаются непосредственно в атрибуте `style` элемента HTML. ```html

Заголовок

``` 2. **Внутренняя таблица стилей (Internal):** Стили определяются внутри тега ` ``` 3. **Внешняя таблица стилей (External - рекомендуется):** Стили выносятся в отдельный файл (`.css`) и подключаются через тег ``. Это обеспечивает переиспользование и разделение ответственности. ```html ``` ```css /* В файле styles.css */ body { font-family: Arial, sans-serif; } .button { background-color: #4CAF50; color: white; padding: 10px; } ``` **Почему это важно:** Такое разделение (содержание vs. оформление) делает код более чистым, поддерживаемым и позволяет легко изменять дизайн сайта, не трогая его логическую структуру.