<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Текст</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="box">
<h1>Некоторые <span>правила</span> <b>ОФОРМЛЕНИЯ</b></h1>
<p><span class="orange">Существуют</span> принятые в <span class="yellow">издательском деле</span> правила среды, в которой работают <u>браузеры</u>. Так, <b>заголовок первого уровня H1</b> выводится <span class="big">крупным жирным шрифтом</span>, <i>цитаты CITE</i> — курсивом, абзацы P отделяются <span class="purple">друг от друга</span> пустыми строками, <span class="green">элементы списка</span> UL снабжаются маркерами, элементы списка OL — номерами.</p>
</div>
</body>
</html>