Современная веб-страница структурно состоит из трёх ключевых технологий, разделяющих ответственность: 1. **HTML (HyperText Markup Language)** — определяет **структуру и семантическое содержание**. Это каркас страницы: заголовки (`

`), параграфы (`

`), списки, формы, ссылки. 2. **CSS (Cascading Style Sheets)** — отвечает за **представление и визуальное оформление**. Контролирует макет, цвета, шрифты, анимации и адаптивность. 3. **JavaScript (JS)** — обеспечивает **интерактивность и динамическое поведение**. Позволяет реагировать на действия пользователя, обновлять контент без перезагрузки страницы (SPA), взаимодействовать с API. **Почему такое разделение?** Это принцип **разделения ответственности (Separation of Concerns)**, который упрощает разработку, тестирование и поддержку. Изменение стилей не ломает логику, а изменение структуры не требует правки скриптов. **Пример минимальной HTML-страницы, связывающей все компоненты:** ```html

Привет, мир!

Это пример структурного элемента.

``` В реальных приложениях эти компоненты могут быть разделены на множество файлов, использовать препроцессоры (Sass, TypeScript) и собираться с помощью инструментов сборки (Webpack, Vite).