> For the complete documentation index, see [llms.txt](https://kaze.gitbook.io/qa-theory/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kaze.gitbook.io/qa-theory/web/chto-takoe-html-css-javascript.md).

# Что такое HTML/CSS/JavaScript?

HTML, CSS и JavaScript — это три базовые технологии веб-разработки, каждая из которых выполняет свою роль в создании веб-страниц.

***

### 1️⃣ **HTML (HyperText Markup Language)**

* **Назначение:** структура веб-страницы.
* Определяет, какие элементы есть на странице: заголовки, параграфы, изображения, ссылки, формы и т.д.
* Пример:

```html
<h1>Привет, мир!</h1>
<p>Это абзац текста.</p>
<img src="image.png" alt="Картинка">
```

* **Использование:** QA проверяет корректность разметки, наличие нужных элементов и атрибутов, валидность HTML.

***

### 2️⃣ **CSS (Cascading Style Sheets)**

* **Назначение:** оформление и визуальное представление HTML-элементов.
* Управляет цветами, шрифтами, отступами, расположением элементов, анимациями.
* Пример:

```css
h1 {
  color: blue;
  font-size: 24px;
}
p {
  margin: 10px 0;
}
```

* **Использование:** QA проверяет соответствие макету, адаптивность верстки, правильное применение стилей и медиа-запросов.

***

### 3️⃣ **JavaScript**

* **Назначение:** интерактивность и динамика на странице.
* Позволяет реагировать на действия пользователя, менять контент без перезагрузки, работать с API, валидировать формы.
* Пример:

```javascript
document.getElementById("btn").addEventListener("click", () => {
  alert("Кнопка нажата!");
});
```

* **Использование:** QA проверяет работу скриптов, обработку событий, валидацию форм, корректность AJAX-запросов и динамического контента.

***

### 4️⃣ Краткая роль каждой технологии

| Технология | Основная задача            | Примеры QA проверки                       |
| ---------- | -------------------------- | ----------------------------------------- |
| HTML       | Структура страницы         | Элементы присутствуют, атрибуты корректны |
| CSS        | Внешний вид и оформление   | Соответствие макету, адаптивность         |
| JavaScript | Динамика и интерактивность | Работа событий, AJAX, валидация форм      |