JSFiddle - React, Tailwind, and code Playground

by Vallek

HTML

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Первое ДЗ</title>
	</head>
	<body>
		<h1>Первый фрагмент</h1>
		<p>
			Здесь 19 февраля (<a href="">1 марта</a>) <a href="">1712 года венчались</a> Пётр I и <a href="">Екатерина Алексеевна <sup>[3]</sup></a>. В походном журнале есть запись за этот день:
		</p>
		<blockquote>
			В наступившем году, уже не представлявшем ожидания невзгод, Пётр I обвенчался с Екатериной Алексеевной 19-го, во вторник, на всеядной неделе. Венчание его величества совершено утром в Исаакиевском соборе. В 10 часов утра высокобрачные при залпах с бастионов Петропавловской и Адмиралтейской крепости вступили в свой зимной дом<a href=""><sup>[4]</sup></a>.
		</blockquote>
		<h1>Второй фрагмент</h1>
		<p>
			Маяковский бесстрашно обратился к потомкам, в далёкое будущее, уверенный, что его будут помнить через сотни лет:
		</p>
		<pre>
			Мой стих
			    трудом
			       громаду лет прорвёт
			и явится
			     весомо,
			         грубо,
			            зримо,
			как в наши дни
			        вошёл водопровод,
			сработанный
			      ещё рабами Рима.
		</pre>
		<code>&#8212 <a href="">Во весь голос</a></code>
		<h1>Третий фрагмент</h1>
		<h2>Способы активного отображения информации</h2>
		<hr>
		<p>
			Представленная в сети информация может быть доступна:
		</p>
		<ul>
			<li>только для чтения  (&laquoпассивно&raquo);</li>
			<li>для чтения и добавления&#47изменения (&laquoактивно&raquo)</li>
		</ul>
		<p>
			К способам активного отображения информации во Всемирной паутине относятся:
		</p>
		<ul>
			<li><a href="">гостевые книги</a> (<a href="">англ</a>. guestbook);</li>
			<li><a href="">форумы</a> (<a href="">англ</a>. forum);</li>
			<li><a href="">чаты</a> (<a href="">англ</a>. chat);</li>
			<li><a href="">блоги</a> (<a href="">англ</a>. blog);</li>
			<li><a href="">wiki-проекты</a>;</li>
			<li><a href="">социальные сети</a> (<a href="">англ</a>. social networking service);</li>
			<li><a href="">системы управления контентом</a>...