WebページにHTMLタグを表示する方法

<pre>~</pre>で囲む

Preformatted Text（整形済みテキスト）タグで囲みます。
囲まれた中身は、ブラウザで見るとタグのまま表示されます。

WordPressで使えるプラグイン

Crayon Syntax Highlighter
編集画面に「crayon」というボタンが表示されるので、クリックするとソース入力「Add Code」が立ち上がります。表示は英語です。