MaruPOP

テンプレートMaruPOP用のブログです。

【コード表示】preでコードを挿入した時のサンプル

f:id:michiru521:20210123162945p:plain:w300

preサンプル

はてな記法

>|〜〜|<
>||~~||<
>|ファイルタイプ|〜〜||<

の3種類のサンプルです。

pre記法 (>|~~|<)

ここは
そのまま記入した通り
表示されるスペース
です。
abcd
OK
aa  aa  aa
e
eed

スーパーpre記法(>||~~||<)

ここは<h3></h3>などタグを入れれる
タグ表示可能領域<b>太字</b>
あいう123ABCbc
<html>
 <head>
 </head>
  <body>
  </body>
</html>
こんな感じ

スーパーpre記法2(シンタックス・ハイライト)

はてな記法>|ファイルタイプ|〜〜||<と記入します。
>||と、||<は行頭になるように記述します。

▼参考
help.hatenablog.com

ファイルタイプがcssの場合

左上にcodeと出るようにしてあります。

.XXX {
  width:999px;
  height:999px;
}

.propA, .propB, .propC {
  width:999px;
  height:999px;
}

#YYY {
  width:9px;
  height:999px;
}
ファイルタイプがhtmlの場合

左上にhtmlと出るようにしています。

<h1>htmlのサンプル</h1>
<div><p>サンプル文字</p></div>