Feedlyスポンサーリンクhtmlのソースコードをそのまま表示する方法HTMLやCSSなどのソースコードをそのまま表示したい時には、<pre>と<code>を使います。(今回のケース以外でも、アスキーアートなどにも使用されるようです。)「ソースコードを表示するとき」には、<pre>の中に<code>を入れて使用するのが一般的です。code(コンピュータ用のソースコード)を等幅フォントにて表示されものです。<pre>タグは、字下げ、改行などをそのまま表示するものです。書式例<pre><code>文字として表示したいHTML(<>タグは、実態参照文字への変換すること)</code></pre>改行や空白等がそのまま表示され、等幅フォントで表示されます。(codeのようなインライン要素だけならタグの実態参照文字への変換も必要ない)実態参照文字は、「<>」等がタグではなく、本来の文字として表示するために使います。実態参照文字について表示したいHTML内において、以下のタグ記号を置き換えて使用すれば、そのままの文字として表示されます。(以下に、使用頻度の高いものを挙げてみました。class=”a(任意な文字列で、適当な名前)”>にCSSを指定をします。(今回は、</pre>タグにCSSを設定します。class=”a(任意な文字列で、適当な名前)”><code>文字として表示するHTML</code></pre>2.HTML文の最後尾にまとめて、pre.a{色、文字、など}のCSS設定します。その設定例を下記のように記述します。社交ダンスとクラシックバレエに分けて紹介してみました。使いそうなプラグインを抜き出してみました。