第一種方法
使用<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>
代碼
.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
.<html>
.<head>
.<title> New Document </title>
.<meta name="Generator" content="EditPlus">
.<meta name="Author" content="">
.<meta name="Keywords" content="">
.<meta name="Description" content="">
.</head>
.
.<body>
.<xmp>
.<?xml version="1.0" encoding="unicode"?>
.<DATABASE>
. <SCHOOL-INFO>
. <ID>1</ID>
. <NAME>第一高中</NAME>
. <CITY>浠水</CITY>
. <STUDENTS>550</STUDENTS>
. <ADDRESS>浠水</ADDRESS>
. </SCHOOL-INFO>
. <SCHOOL-INFO>
. <ID>2</ID>
. <NAME>第三高中</NAME>
. <CITY>團陂</CITY>
. <STUDENTS>1000</STUDENTS>
. <ADDRESS>地址團陂</ADDRESS>
. </SCHOOL-INFO>
. <SCHOOL-INFO>
. <ID>3</ID>
. <NAME>試驗高中</NAME>
. <CITY>1200</CITY>
. <STUDENTS>1200</STUDENTS>
. <ADDRESS>汪崗</ADDRESS>
. </SCHOOL-INFO>
. <SCHOOL-INFO>
. <ID>4</ID>
. <NAME>中心小學</NAME>
. <CITY>1300</CITY>
. <STUDENTS>1200</STUDENTS>
. <ADDRESS>竹瓦</ADDRESS>
. </SCHOOL-INFO>
.</DATABASE>
.</xmp>
.</body>
.</html>第二種方法
“<”用<表示
“>”用>表示
“"”用"表示
代碼
.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
.<html>
.<head>
.<title> New Document </title>
.<meta name="Generator" content="EditPlus">
.<meta name="Author" content="">
.<meta name="Keywords" content="">
.<meta name="Description" content="">
.</head>
.
.<body>
.<pre>
.<?xml version="1.0" encoding="unicode"?>
.<DATABASE>
. <SCHOOL-INFO>
. <ID>1</ID>
. <NAME>第一高中</NAME>
. <CITY>浠水</CITY>
. <STUDENTS>550</STUDENTS>
. <ADDRESS>浠水</ADDRESS>
. </SCHOOL-INFO>
. <SCHOOL-INFO>
. <ID>2</ID>
. <NAME>第三高中</NAME>
. <CITY>團陂</CITY>
. <STUDENTS>1000</STUDENTS>
. <ADDRESS>地址團陂</ADDRESS>
. </SCHOOL-INFO>
. <SCHOOL-INFO>
. <ID>3</ID>
. <NAME>試驗高中</NAME>
. <CITY>1200</CITY>
. <STUDENTS>1200</STUDENTS>
. <ADDRESS>汪崗</ADDRESS>
. </SCHOOL-INFO>
. <SCHOOL-INFO>
. <ID>4</ID>
. <NAME>中心小學</NAME>
. <CITY>1300</CITY>
. <STUDENTS>1200</STUDENTS>
. <ADDRESS>竹瓦</ADDRESS>
. </SCHOOL-INFO>
.</DATABASE>
.</pre>
.</body>
.</html>