## Понимание структуры HTML Перед тем, как мы начнем создавать анимацию, нам нужно понять структуру HTML, с которой будем работать. На этом этапе мы рассмотрим предоставленный HTML - файл и внесем необходимые изменения. 1. Откройте файл `index.html` в редакторе. 2. Если файл пустой или отсутствует, создайте его со следующим содержимым: ```html Zoom In Zoom Out Animation

CSS Animation Demo

This box demonstrates a zoom in zoom out animation:

``` 3. Поймем, что делает этот HTML: - У нас есть стандартная структура HTML - документа с заголовком и настройками области просмотра (viewport) - Мы подключаем внешний CSS - файл с именем `style.css` - Мы включаем заголовок и абзац для объяснения нашей демонстрации - Самое главное, у нас есть элемент `

` с классом `zoom-in-out-box`, который будет анимирован 4. Сохраните файл `index.html`, если вы внесли какие - либо изменения. Этот элемент `

` станет нашей "холстом" для создания анимации. На следующем этапе мы стилизуем этот элемент с помощью CSS.