引用・整形済み・コメント

導入

他所からの引用文や、スペースをそのまま見せたいコード、そして画面には出さないメモ ―― これらにも専用の書き方があります。

説明

• <blockquote> … 引用のかたまり（少し字下げして表示）
• <pre> … 整形済みテキスト（改行と空白をそのまま表示）
• <!-- … --> … コメント（プレビューには表示されない）

<blockquote>学びて時に之を習う。</blockquote>

<pre>
名前    年齢
田中    20
佐藤    22
</pre>

<!-- ここはメモ。画面には出ません -->

ふつうの HTML は改行や連続スペースを1つの空白にまとめますが、<pre> の中だけは書いたとおりに表示されます。

やってみよう

上の例を打ち込み、引用が字下げされること、<pre> の中で空白がそろって表示されること、コメントが画面に出ないことを確かめましょう。

演習

<blockquote> を使って「継続は力なり」という引用を作ってください。