普通にテキストモードでcodeでhtmlのソースを挟んでも、ソースが上手く表示されない。これを解決する。
まずはhtmlのソースをワードプレスのビジュアルモードで、コピペする。
次にテキストモードに切り替え、ソースを切り取る。
その次に、<pre><code></code></pre>を書く。
最後に切り取ったソースを間にペーストする。（行間詰めました）
これで完成！結果は下のようになる。ちなみに自分のブログではプラグインにより、codeが装飾されている。やり方はこちら。
<html lang="en">
<head>
<metacharset="UTF-8">
<title>Document</title>
</head>
<body>
<p>Hello world</p>
</body>
</html>