<commit_before># Практические занятия

Темы занятий:

1. **Введение**:

    - Инструменты разработчика Chrome.
    - Базовые элементы HTML.
    - Атрибуты элементов.
    - Универсальные атрибуты [`title`](https://webref.ru/html/attr/title) и [`style`](https://webref.ru/html/attr/style).
    - Свойства CSS для установки цвета текста и фона.

2. **Таблицы стилей. Списки**:

    - Элемент [`<style>`](https://webref.ru/html/style).
    - Универсальные атрибуты [`id`](https://webref.ru/html/attr/id) и [`class`](https://webref.ru/html/attr/class).
    - Универсальный селектор, cелекторы элементов, идентификаторов и классов.
    - Свойства CSS для стилизации текста.
    - Элементы для создания списков.
    - Свойства CSS для стилизации списков.

3. **Таблицы, ссылки, мультимедиа и фреймы. Псевдоклассы**:

    - Универсальный атрибут [`lang`](https://webref.ru/html/attr/lang).
    - Проверка кода с помощью [валидатора](https://validator.w3.org/).
    - Свойства CSS для добавления границ к элементам.
    - Элементы для создания таблиц.
    - Свойства CSS для стилизации таблиц.
    - Псевдоклассы.
    - Ссылки и их свойства.
    - Элементы мультимедиа: изображения, аудио и видео.
    - Встроенный фрейм [`<iframe>`](https://webref.ru/html/iframe).
    - Свойства CSS для указания размеров элементов.

4. **Блочная модель. Псевдоэлементы. Emmet**:

    - Связь с внешними документами с помощью элемента [`<link>`](https://webref.ru/html/link).
    - Блочная модель и относящиеся к ней свойства CSS.
    - Блочные, строчные и строчно-блочные элементы, свойство [`display`](https://webref.ru/css/display).
    - Прочие виды селекторов.
    - Псевдоэлементы.
    - [Emmet](https://emmet.io).<commit_msg>Доработана главная страница практических занятий.<commit_after># Общая информация

Каждое практическое занятие состоит из двух частей.

В первой части преподаватель даёт вам теоретический материал и отвечает на возникшие вопросы.

Во второй части вы выполняете самостоятельные задания и сдаёте их преподавателю. Самостоятельные задания созданы с расчётом на то, чтобы покрыть все аспекты пройденного материала.

## Темы занятий

### HTML и CSS

1. **Введение**:

    - Инструменты разработчика Chrome.
    - Базовые элементы HTML.
    - Атрибуты элементов.
    - Универсальные атрибуты [`title`](https://webref.ru/html/attr/title) и [`style`](https://webref.ru/html/attr/style).
    - Свойства CSS для установки цвета текста и фона.

2. **Таблицы стилей. Списки**:

    - Элемент [`<style>`](https://webref.ru/html/style).
    - Универсальные атрибуты [`id`](https://webref.ru/html/attr/id) и [`class`](https://webref.ru/html/attr/class).
    - Универсальный селектор, cелекторы элементов, идентификаторов и классов.
    - Свойства CSS для стилизации текста.
    - Элементы для создания списков.
    - Свойства CSS для стилизации списков.

3. **Таблицы, ссылки, мультимедиа и фреймы. Псевдоклассы**:

    - Универсальный атрибут [`lang`](https://webref.ru/html/attr/lang).
    - Проверка кода с помощью [валидатора](https://validator.w3.org/).
    - Свойства CSS для добавления границ к элементам.
    - Элементы для создания таблиц.
    - Свойства CSS для стилизации таблиц.
    - Псевдоклассы.
    - Ссылки и их свойства.
    - Элементы мультимедиа: изображения, аудио и видео.
    - Встроенный фрейм [`<iframe>`](https://webref.ru/html/iframe).
    - Свойства CSS для указания размеров элементов.

4. **Блочная модель. Псевдоэлементы. Emmet**:

    - Связь с внешними документами с помощью элемента [`<link>`](https://webref.ru/html/link).
    - Блочная модель и относящиеся к ней свойства CSS.
    - Блочные, строчные и строчно-блочные элементы, свойство [`display`](https://webref.ru/css/display).
    - Прочие виды селекторов.
    - Псевдоэлементы.
    - [Emmet](https://emmet.io).

### JavaScript
{'fraction_non_alphanumeric': 0.1256887955917082, 'fraction_numerical': 0.0026239832065074785, 'mean_word_length': 3.3219954648526078, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, 'https://': 22, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4787514', 'n_tokens_mistral': 1582, 'n_tokens_neox': 1828, 'n_words': 339}