<div class="entry clearfix">
<h2><strong>Заголовки</strong></h2>
Ниже показано форматирование всех HTML заголовков уровней 1-6.
<h1>Заголовок 1-ого уровня</h1>
<h2>Заголовок 2-ого уровня</h2>
<h3>Заголовок 3-ого уровня</h3>
<h4>Заголовок 4-ого уровня</h4>
<h5>Заголовок 5-ого уровня</h5>
<h6>Заголовок 6-ого уровня</h6>
<h2>Цитаты</h2>
Однострочная цитата:
<blockquote>Оставайтесь голодными. Оставайтесь безрассудными.</blockquote>
Много-строчная цитата с ссылкой на источник:
<blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote">The <strong>HTML <code>&lt;blockquote&gt;</code> Element</strong> (or <em>HTML Block Quotation Element</em>) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see <a href="https://developer.mozilla.org/en-US/docs/HTML/Element/blockquote#Notes">Notes</a> for how to change it). A URL for the source of the quotation may be given using the <strong>cite</strong> attribute, while a text representation of the source can be given using the <a title="The HTML Citation Element &lt;cite&gt; represents a reference to a creative work. It must include the title of a work or a URL reference, which may be in an abbreviated form according to the conventions used for the addition of citation metadata." href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/cite"><code>&lt;cite&gt;</code></a> element.</blockquote>
<cite>multiple contributors</cite> — MDN HTML element reference — blockquote
<h2>Таблицы</h2>
<table>
<tbody>
<tr>
<th>Сотрудник</th>
<th class="views">Запрлата</th>
<th></th>
</tr>
<tr class="odd">
<td><a href="http://example.com/">Джейн</a></td>
<td>$1</td>
<td>Because that’s all Steve Job’ needed for a salary.</td>
</tr>
<tr class="even">
<td><a href="http://example.com">Джон</a></td>
<td>$100K</td>
<td>For all the blogging he does.</td>
</tr>
<tr class="odd">
<td><a href="http://example.com/">Джейн</a></td>
<td>$100M</td>
<td>Pictures are worth a thousand words, right? So Tom x 1,000.</td>
</tr>
<tr class="even">
<td><a href="http://example.com/">Джейн</a></td>
<td>$100B</td>
<td>With hair like that?! Enough said…</td>
</tr>
</tbody>
</table>
<h2>Списки определений</h2>
<dl>
 	<dt>Название термина в списке определений</dt>
 	<dd>Определение термина в списке определений.</dd>
 	<dt>Радость</dt>
 	<dd>Радость — внутреннее чувство удовлетворения, удовольствия, веселого настроения и счастья, ласкательное обращение. Является положительной внутренней мотивацией человека. Радость считается противоположной грусти, печали.</dd>
 	<dt>#хэштег</dt>
 	<dd>Хештег, хэштег или хэш-тег — ключевое слово или несколько слов сообщения, тег, используемый в микроблогах и социальных сетях, облегчающий поиск сообщений по теме или содержанию и начинающийся со знака решётки.</dd>
</dl>
<h2>Маркированные списки</h2>
<ul>
 	<li>Первый пункт списка
<ul>
 	<li>Первый пункт списка
<ul>
 	<li>Первый пункт списка</li>
 	<li>Второй пункт списка</li>
 	<li>Третий пункт списка</li>
 	<li>Четвертый пункт списка</li>
</ul>
</li>
 	<li>Второй пункт списка</li>
 	<li>Третий пункт списка</li>
 	<li>Четвертый пункт списка</li>
</ul>
</li>
 	<li>Второй пункт списка</li>
 	<li>Третий пункт списка</li>
 	<li>Четвертый пункт списка</li>
</ul>
<h2>Ordered List (Nested)</h2>
<ol start="8">
 	<li>Первый пункт списка, нумерация начинается с цифры 8
<ol>
 	<li>Первый пункт списка
<ol reversed="reversed">
 	<li>Первый пункт списка, установление атрибут обратного счета</li>
 	<li>Второй пункт списка</li>
 	<li>Третий пункт списка</li>
 	<li>Четвертый пункт списка</li>
</ol>
</li>
 	<li>Второй пункт списка</li>
 	<li>Третий пункт списка</li>
 	<li>Четвертый пункт списка</li>
</ol>
</li>
 	<li>Второй пункт списка</li>
 	<li>Третий пункт списка</li>
 	<li>Четвертый пункт списка</li>
</ol>
<h2>HTML теги</h2>
Ниже показано форматирование HTML тегов, поддерживаемых редактором WordPress (см. <a href="https://ru.support.wordpress.com/code/">детальнее</a>).

<strong>Тег адреса &lt;address&gt;</strong>

<address>пр. Леся Курбаса, 13
г. Киев, Украина</address><strong>Тег ссылки &lt;a&gt;</strong>

Это пример <a title="Apple" href="https://wp-puzzle.com">ссылки</a>.

<strong>Тег аббревиатуры &lt;abbr&gt;</strong>

Аббревиатурой <abbr title="Common Gateway Interface, общий шлюзовый интерфейс">CGI</abbr> обозначается протокол, с помощью которого любые внешние программы взаимодействуют с веб-сервером.

<strong>Тег акронима &lt;acronym&gt; </strong> (<em>устарел для HTML5</em>)

Акроним <acronym title="Document Object Model, Объектная модель документа">DOM</acronym> обозначает «Document Object Model — объектная модель документа».

<strong>Тег &lt;big&gt; </strong>(<em>устарел для HTML5</em>)

Этот тег <big>увеличивает</big> размер шрифта, но он больше не поддерживается в HTML5.

<strong>Тег цитаты &lt;cite&gt;</strong>

«Код — это поэзия» —<cite>Automattic</cite>

<strong>Тег кода &lt;code&gt;</strong>

Этот тег предназначен для отображения одной или нескольких строк текста, который представляет собой программный код.
<code>.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
and here's a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;
}</code>

<strong>Тег редакторской правки&lt;del&gt;</strong>

Этот тег выводит <del>зачеркнутый текст как редакторская правка</del>, используется для показа редакторской правки. Для обычного зачеркнутого текста используйте тег <code>&lt;s&gt;</code>.

<strong>Тег курсивного текста &lt;em&gt;</strong>

Этот тег должен выделять текст <em>курсивом</em>.

<strong>Горизонтальный разделитель &lt;hr&gt;</strong>

<!-- BEGIN middle -->
<div class="ab-box ab-middle-content"></div>
<!-- END middle -->

<hr />

Этот параграф располагается после горизонтального разделителя <code>&lt;hr&gt;</code> .

<strong>Тег &lt;ins&gt;</strong>

Этот тег выделяет <ins cite="вставленный текст">вставленный</ins> текст.

<strong>Тег &lt;keyboard&gt;</strong>

Этот тег используется для обозначения текста, который <kbd>набирается на клавиатуре</kbd> или для названия клавиш, обычно имеет такой-же стиль как тег <code>&lt;code&gt;</code>.

<strong>Тег &lt;pre&gt;</strong>

Этот тег печатается моноширинным шрифтом и сохраняет все пробелы между словами.
<h2>The Road Not Taken</h2>
<cite>Robert Frost</cite> Two roads diverged in a yellow wood, And sorry I could not travel both (\_/) And be one traveler, long I stood (='.'=) And looked down one as far as I could (")_(") To where it bent in the undergrowth; Then took the other, as just as fair, And having perhaps the better claim, |\_/| Because it was grassy and wanted wear; / @ @ \ Though as for that the passing there ( &gt; º &lt; ) Had worn them really about the same, `&gt;&gt;x&lt;&lt;´ / O \ And both that morning equally lay In leaves no step had trodden black. Oh, I kept the first for another day! Yet knowing how way leads on to way, I doubted if I should ever come back. I shall be telling this with a sigh Somewhere ages and ages hence: Two roads diverged in a wood, and I— I took the one less traveled by, And that has made all the difference. and here's a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;

<strong>Тег цитаты</strong> для коротких однострочных цитат

<q>Developers, developers, developers...</q> --Steve Ballmer

<strong>Тег &lt;strike&gt;</strong> (<em>устарел для HTML5</em>) и тег <strong>&lt;s&gt;</strong>

Этот тег показывает <span style="text-decoration: line-through;">зачеркнутый </span> <s>текст</s>.

<strong>Тег &lt;small&gt;</strong>

Тег показывает текст <small>меньшего размера<small>.</small></small>

<strong>Тег &lt;strong&gt;</strong>

Тег выводит текст в <strong>жирном начертании<strong>.</strong></strong>

<strong>Тег нижнего индекс &lt;sub&gt;</strong>

Например, в написании химической формулы воды H<sub>2</sub>O, число "2" будет уменьшено и расположится ниже остальной строки текста.

<strong>Тег верхнего индекса &lt;sup&gt;</strong>

Данный тег пригодится, например, в написании формулы Альберта Эйнштейна E = MC<sup>2</sup>, где число 2 также будет меньшим шрифтом, но расположится выше остальной строки текста.

<strong>Тег телетайп текста &lt;tt&gt; </strong>(<em>устарел для HTML5</em>)

Редко используемый тег выводит <tt>телетайп текст</tt>, который по стилю оформления идентичен тегу <code>&lt;code&gt;</code>.

<strong>Тег подчеркивания &lt;u&gt;</strong> (<em>устарел в HTML 4, в HTML5 представлен как семантичный)</em>

Тег выводит <u>подчеркнутый текст</u>.

<strong>Тег переменной &lt;var&gt;</strong>

Этот тег позволяет выделять <var>переменные</var> в описание программ и алгоритмов.

</div>