Вот полное решение практической работы № 1 «Структура HTML-документа. Создание Web-страницы», объединенное по всем шагам обеих страниц задания.
Ниже представлен итоговый код, в котором учтены все требования: разметка структуры, стихотворение с правильным выравниванием строк, добавление трех заголовков разных уровней и их последующее выравнивание.
### Конечный итог HTML-кода
```html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Моя страничка</title>
</head>
<body>
<p align="center">Привет! Это моя первая страничка!</p>
<h1 align="left">Меня зовут Иван</h1> <h2 align="center">Я учусь в 11 классе</h2>
<h3 align="right">Это моя любимая песенка.</h3>
<p align="left">
В лесу родилась елочка.<br>
В лесу она росла.
</p>
<p align="right">
Зимой и летом стройная,<br>
Зеленая была.
</p>
<p align="justify">
Метель ей пела песенку:<br>
«Спи, елочка, бай-бай».
</p>
<p align="center">
Мороз снежком укутывал:<br>
«Смотри, не замерзай!»
</p>
</body>
</html>
```
### Ответы на вопросы из раздела «Подведение итогов» (в конце 2-й страницы)
**1. Что такое HTML, для чего используется?**
> **HTML** (HyperText Markup Language) — это язык гипертекстовой разметки. Он используется для создания структуры и разметки веб-страниц (определения того, где будут находиться заголовки, абзацы, списки, таблицы, изображения и другие элементы), которые затем отображаются браузером.
>
**2. Какими способами можно создать Web-страницу?**
* С помощью простейших **текстовых редакторов** (например, *Блокнот*, Notepad++, Visual Studio Code), вручную прописывая теги.
* С помощью специализированных **визуальных редакторов (WYSIWYG)** и конструкторов сайтов (например, WordPress, Tilda), где код генерируется автоматически при создании визуального интерфейса.
**3. Назовите обязательные и необязательные элементы HTML-документа. Каково их назначение?**
* **Обязательные элементы:**
* <html>...</html> — корневой тег, который сообщает браузеру, что данный документ является HTML-страницей.
* <head>...</head> — технический заголовок, хранит служебную информацию (кодировку, название вкладки, подключенные стили), которая не выводится напрямую на саму страницу.
* <body>...</body> — «тело» документа, содержит весь основной контент страницы (текст, картинки, видео), который видит пользователь в окне браузера.
* **Необязательные элементы:**
* <title>...</title> — название страницы (отображается на вкладке браузера). *Технически страница откроется и без него, но по стандартам он крайне рекомендован.*
* Теги форматирования внутри тела, такие как <p> (абзацы), <h1>-<h6> (заголовки), <br> (перенос строки) и атрибуты выравнивания align.