如何在html网页中显示html代码

如何在html网页中显示html代码

在html网页中显示html代码

方法一：pre标签加code标签（个人比较喜欢的样式）

使用<pre>、<code>标签。
注意：代码中所有"<"、">"都要分别替换成&lt和&gt，如果不进行替换它会认成html语言，变成那段代码的执行结果而不是显示代码。如果代码中还有其他特殊字符也要进行替换。如果不加pre，所有代码的换行都会被认成一个空格，会根据浏览器大小进行换行，而不会在该换行的地方换行。

<pre><code>这里是代码</pre></code>

效果如下图所示：

方法二：textarea标签（可以在代码太长的情况下使用）

<textarea></textarea>

效果如下图所示：

方法三：xmp标签（没试过）

注意：我在网上有看到说xmp标签也可以，但是在html手册中说html5不支持该标签了。

在html网页中显示html代码的结果

直接拷贝代码即可。

<code>这里是代码</code>