html中如何直接显示html代码-html tutorial-php.cn

Rumah

hujung hadapan web

html tutorial

html中如何直接显示html代码

醉折花枝作酒筹

Apr 30, 2021 am 09:30 AM

本篇文章给大家介绍一下html中直接显示html代码的方式。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

html中如何直接显示html代码

百度了很多中做法，感觉很多都没有测试再胡说，特总结一下。
百度说的<code><code>和<code>

</code>标签，我的测试结果如下：</p>
<p><strong>1.<code></strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><code>
    <h1>hello</h1>
    <h2>hello</h2>
      <h3>hello</h3>
      <h4>hello</h4>
    <h5>hello</h5>
    <h6>hello</h6>
  </code>

Salin selepas log masuk

效果图：
在这里插入图片描述
代码依然被渲染，失败。说是渲染行内元素的，改为span依旧渲染。

</strong></p><p>代码：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><pre class="brush:php;toolbar:false">
    <h1>hello</h1>
    <h2>hello</h2>
      <h3>hello</h3>
      <h4>hello</h4>
    <h5>hello</h5>
    <h6>hello</h6>

Salin selepas log masuk

效果图：

同上依旧渲染。