Загрузка данных

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Задание 8</title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>
  <div class="frame">
    <div class="title">
      Некоторые <span class="red">правила</span> <span class="green big">ОФОРМЛЕНИЯ</span>
    </div>

    <p>
      <span class="blue big2">Существуют</span>
      принятые в издательском деле правила среды, в которой работают
      <span class="underline">браузеры</span>.
    </p>

    <p class="right">
      Так, заголовок первого уровня <span class="blue">H1</span> выводится
      <br>
      крупным <span class="red bold">жирным</span> шрифтом, <span class="italic">цитаты</span>
    </p>

    <p>
      <span class="bold underline">CITE</span> – курсивом, абзацы <span class="mono">P</span> отделяются
      друг от друга <span class="strike">пустыми строками</span>,
      элементы списка <span class="mono">UL</span> снабжаются маркерами,
      <span class="orange italic">элементы списка OL</span> – номерами.
    </p>
  </div>
</body>
</html>