如何像html页面中的代码一样显示html代码

我想在HTML中显示类似“code”的代码：[注意：可以使用无限代码]

示例：
嫀img src='#'title='demo title'›è/img›
我使用了

或
，但它们都不起作用

<code>&lt;img src='#' title='demo title'&gt;&lt;/img&gt;</code>

我不想使用php、jquery或java脚本代码。

只是html代码，就像pre或code标记一样
您需要转义字符串：

&lt;img src='#' title='demo title'&gt;&lt;/img&gt;

转义HTML实体：

使用PHP更容易：
您可以使用CDATA部分

像这样：

<code>&lsaquo;img src='#' title='demo title'&rsaquo;&lsaquo;/img&rsaquo;<code>

这已经有了一系列的实现，最好不要发明自行车，而是在上面使用：

只要复制粘贴代码，你就会得到你想要的

O/p:-

您可以使用标记xmp，该标记已折旧一次，但仍然有效

使用我发布的php命令<代码>CDATA节仅在分析

应用程序/xhtml+xml

（和其他xml）文档时在浏览器中受支持。我不知道有哪个浏览器在

text/html

文档中支持它们。所以你的答案不太好，因为我不想使用application/xhtml+xml格式，我想使用与html一样的格式请允许复制我不想使用任何链接进行转换，因为我设计了一个聊天窗口，我希望用户在键入任何代码时显示结果就像代码未执行一样我说pre现在工作是因为需要转义字符，我不希望使用转义字符-在这里如何删除两个xmp标记之间的垂直空间？（我使用了样式边距：0px；填充：0px但未工作带有内联代码标记的pre代码未工作你可以看到（）我编辑了我的JSFIDLE并进行了工作。我添加了样式。谢谢

<code>&lsaquo;img src='#' title='demo title'&rsaquo;&lsaquo;/img&rsaquo;<code>

<img src='#' title='demo title'></img>

<xmp>‹img src='#' title='demo title'›‹/img›</xmp>

   <form>
     <textarea>
       ‹img src='#' title='demo title'›‹/img›
    </textarea>
   </form>

 <pre>
   <code>‹img src='#' title='demo title'›‹/img›</code>
 </pre>