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

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Задание 9</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="box">
    <p class="title">
      <span class="t1">Некоторые</span>
      <span class="t2">правила</span>
      <span class="t3">ОФОРМЛЕНИЯ</span>
    </p>

    <p class="text">
      <span class="c1">Существуют</span> принятые в
      <span class="hl-yellow">издательском деле</span> правила среды, в которой
      работают <span class="u">браузеры</span>. Так,
      <span class="bold">заголовок первого уровня H1</span> выводится
      <span class="c2">крупным жирным шрифтом</span>,
      <span class="italic">цитаты CITE</span> — курсивом, абзацы P отделяются
      <span class="hl-purple">друг от друга</span> пустыми строками,
      <span class="hl-green">элементы списка</span> UL снабжаются маркерами,
      элементы списка OL — номерами.
    </p>
  </div>
</body>
</html>