第一种方法
使用<pre></pre>包围代码（在浏览器中测试不行啊，但是在富编辑器中又可以，怪）；
使用<xmp></xmp>包围代码（官方不推荐，但是效果不错哦，在firefox和IE都可以）；
使用<textarea></textarea>包围代码（在富编辑器和浏览器中均可以 ）；
<pre>不能在页面显示；<xmp>不错，可行；<textarea>是在文本域中显示，达不到想要的效果。
<xmp>
<div>对html的用法作个说明</div>
<div><span id="demo">奇迹</span></div>
</xmp>
如果想在网页中显示xml的完整结构，直接输出，IE会把xml结构误认为html的结构，普通的显示只能显示所有节点上的值，如果想显示整个结果，可以在xml的两端加上标签 <xmp>xml结构</xmp>
第二种方法
“<”用<表示
“>”用>表示
“"”用"表示
也可以在后台处理好直接输出到页面上，代码显示如下