html中如何直接顯示html程式碼-html教學-PHP中文網

本篇文章跟大家介紹html中直接顯示html程式碼的方式。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。

html中如何直接顯示html程式碼

百度了很多中做法，感覺很多都沒有測試再胡說，特總結一下。
百度說的<code><code>和<code><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"></pre><div class="contentsignin">登入後複製</div></div>標籤，我的測試結果如下：

1.<code>

<code>
    <h1>hello</h1>
    <h2>hello</h2>
      <h3>hello</h3>
      <h4>hello</h4>
    <h5>hello</h5>
    <h6>hello</h6>
  </code>

登入後複製

效果圖：
html中如何直接顯示html程式碼
程式碼依然被渲染，失敗。說是渲染行內元素的，改為span依舊渲染。

</strong></p><p>程式碼：</p><pre class="brush:js;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>

登入後複製

效果圖：

同上依舊渲染。