• 2018-06-03
ウズマスター戦記
ウズマスター戦記 https://www.uzumax.org/2018/06/html.html

技術ブログでよく使うHTMLタグメモ

このブログを始めてしばらくになりますが、よく使うタグが決まってきたのでコピペしやすいよう纏めておきます。


PRE

PREタグは整形済みテキスト。
以下のように普通の文章ではなく、改行とかスペースで綺麗にビルドアップした表示をしたい時に便利。

こんな
  感じに
     セット
      アップ

私の場合は加えてスタイルを適用して背景色をつけたりして見易くしています。

<pre class="simple-box">こんな
  感じに
     セット
      アップ</pre>

CORE、およびcode-prettify

技術ブログならでは。
CODEタグは中身がソースコードであることを表しますが、code-prettifyというGoogle提供のライブラリを組み合わせることで見易くしてくれています。

<pre class="prettyprint linenums"><code class="language-python">Pythonのコード1行目
Pythonのコード2行目
Pythonのコード3行目
</code></pre>

blockquote

別サイトの記述を引用する時に使用。

引用させて頂きました。
<blockquote>引用させて頂きました。</blockquote>

cite

出典元の記載用。

<ul>
<li><cite><a href="https://www.uzumax.org/" target="_blank">ウズマスター戦記</a></cite></li>
</ul>


0 件のコメント:

コメントを投稿

お気軽にコメント下さい。