---

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <!-- Служебная информация (Задание 1) -->
    <meta name="author" content="Твоя Фамилия Имя">
    <meta name="description" content="Лабораторная работа №13. Изучение возможностей CSS по форматированию текста и шрифтов.">
    <meta name="generator" content="Notepad++">
    <meta name="keywords" content="CSS, HTML, веб-разработка, форматирование, шрифт, текст">
    
    <title>Лабораторная работа № 13</title>
    
    <!-- Подключение внешней таблицы стилей (Задание 2) -->
    <link rel="stylesheet" href="style.css">
</head>
<body>

    <h1>Заголовок первого уровня</h1>
    
    <h2>Подзаголовок второго уровня</h2>

    <p class="first-paragraph">
        Этот абзац демонстрирует базовые настройки текста. Здесь задан шрифт, размер, цвет и жирность. 
        Также применен отступ для первой строки (красная строка), чтобы текст выглядел как в книге. 
        Обрати внимание на <span class="underline">подчеркнутое слово</span> внутри этого предложения.
    </p>

    <p class="second-paragraph">
        Этот текст выровнен по центру. Мы задали ему другое семейство шрифтов (с засечками) и изменили цвет. 
        Межстрочный интервал здесь увеличен для лучшей читаемости. А еще между буквами 
        <span class="letter-space">р а з р е ж е н н ы й&nbsp;т е к с т</span>, как видишь, расстояние больше обычного.
    </p>

    <p class="third-paragraph">
        А этот абзац выровнен по правому краю. В нем настроено расстояние между словами (word-spacing), 
        поэтому пробелы кажутся шире обычных. Этот абзац нужен для того, чтобы показать, 
        как работают горизонтальное выравнивание и изменение регистра.
    </p>

</body>
</html>