レイアウト確認用ページ

見出し1

※見出し1はタイトル

見出し2

あいうえおかきくけこぬゑほふせ
改行

段落

見出し3

em強調

strong強調

• 箇条書きリスト
• 箇条書き
  • 入れ子
• ぬゑほふせ

リストは連続して入れることはできない。

1. 数字リスト
2. ふたつ
3. みっつ

引用は以下のとおり。

みちへゆけ！

---

水平線はハイフンみっつ。

うた、ことば、ふうけい。

写真です

以上の文章をhtmlにすると以下のようになります。

    <div class="entry-content">
  
    <h1>見出し1</h1>

<p>※見出し1はタイトル</p>

<h2>見出し2</h2>

<p>あいうえおかきくけこぬゑほふせ<br />
改行</p>

<p>段落</p>

<h3>見出し3</h3>

<p><em>em強調</em></p>

<p><strong>strong強調</strong></p>

<ul>
<li>箇条書きリスト</li>
<li>箇条書き

<ul>
<li><a class="keyword" href="http://d.hatena.ne.jp/keyword/%C6%FE%A4%EC%BB%D2">入れ子</a></li>
</ul>
</li>
<li>ぬゑほふせ</li>
</ul>


<p>リストは連続して入れることはできない。</p>

<ol>
<li>数字リスト</li>
<li>ふたつ</li>
<li>みっつ</li>
</ol>


<p>引用は以下のとおり。</p>

<blockquote><p>みちへゆけ！</p></blockquote>

<hr />

<p>水平線はハイフンみっつ。</p>

<p><a href="https://irny-prt-rp.hatenablog.com">うた、ことば、ふうけい。</a></p>

<p><figure class="figure-image figure-image-fotolife" title="写真です"><span itemscope itemtype="http://schema.org/Photograph"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/i/irny_prt_rp/20200504/20200504213117.jpg" alt="&#x95A2;&#x3067;&#x64AE;&#x3063;&#x305F;&#x5199;&#x771F;" width="1200" height="675" loading="lazy" title="" class="hatena-fotolife" itemprop="image"></span><figcaption>写真です</figcaption></figure></p>

<p>以上の文章をhtmlにすると以下のようになります。</p>

<pre class="code lang-html" data-lang="html" data-unlink><span class="synIdentifier">&lt;</span><span class="synStatement">meta</span><span class="synIdentifier">&gt;</span>
</pre>


    

  
</div>