使用pre标签

注释事项：将pre标签内部的的 ‘<’ 字符转义为 ‘& lt;’ 以保证代码里的关闭代码不被浏览器解释为标签。(删除&和l之间的空格！！！！) 

<pre class="preCode">
    &lt;div class="easyui-dialog" style="width:400px;height:200px"
         data-options="title:'My Dialog',iconCls:'icon-ok',onOpen:function(){}">
        dialog content.
    &lt;/div>
</pre>

效果：
HTML：在HTML前端界面中直接显示代码_ico