htmlタグを記事に表示させる方法

htmlタグはそのまま書いてもブログ記事には表示されない。これを表示させる一つの方法を経験談とともにご紹介。

問題点

リンクを別ウィンドウで表示させたい
はてなブログのエディタは簡単にリンクを挿入できたりして便利だが、挿入したリンクをクリックすると、同じウィンドウでリンクされることがある。例えば、Amazonの商品リンクを貼ったとしよう。

こちらの過去記事を書く時にhtmlを以下のように記入した。

<a href="ここにアドレスを入れる" target="_blank">ここにリンク先名を入れる</a>

リンクが別ウィンドウで開くhtmlタグを説明したくて書いた。
しかし、プレビューを見ると

『ここにリンク先名を入れる』

という部分しか表示されなかった。
通常、htmlタグはそのままでは表示されない。
今回はこれを解決するたぶんもっとも簡単な方法をご紹介。

解決法

HTML実体参照変換

このサイトに行ってhtmlを入力後に変換を押すだけ。
あとはコピーして記事に貼り付けると、上記のようにhtmlタグを含めた文字が表示される。