为什么我的<pre>和<code>标签读取标记而不是生成代码snipets？

Question

我正在为希望协助我的组织(CURE国际)协助海地地震救灾工作的教会这个资源页面工作:http://blog.helpcurenow.org/test/mockups/jan2010/jan2010_haiti_church_resources.html

我遇到的麻烦是,在第4步,您将看到我创建了横幅广告,并且我正在尝试生成代码snipets(也称为代码块),供用户复制并粘贴到他们的博客/网站/中.

我使用了"pre"和"code"标签,但浏览器仍在渲染HTML而不是将标记显示为文本.

任何人都可以帮助我,为什么我得到这个结果？

这是标记的示例:

<li class="haitiWebBanner">
<p class="webBannerSize">300 x 250</p>
<a href="http://helpcurenow.org/haitirelief"><img src="http://static.helpcurenow.org/images/campaigns/jan2010/haiticrisis/cure-haiti-banner-300x250.jpg" title="Click Here to Donate Now!" alt="Help save lives in Haiti by supporting the relief effort through CURE International" width="300" height="250" border="0" /></a>

<pre><code class="html"><a href="http://helpcurenow.org/haitirelief"><img src="http://static.helpcurenow.org/images/campaigns/jan2010/haiticrisis/cure-haiti-banner-300x250.jpg" title="Click Here to Donate Now!" alt="Help save lives in Haiti by supporting the relief effort through CURE International" width="300" height="250" border="0" /></a></code></pre>

Answer 1

"代码"表示"这是标记的代码"

"Pre"表示"此数据已预先格式化"(就空白而言)

它们都不是"不应将此数据视为HTML"

代表&as &,<as <和>as >.