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

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

百度了很多中做法，感覺很多都沒有測試再胡說，特總結一下。
百度說的<code><code>和<code><pre class="brush:php;toolbar:false"></pre>標籤，我的測試結果如下：

1.<code>

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

效果圖：

程式碼依然被渲染，失敗。說是渲染行內元素的，改為span依舊渲染。

2.<pre class="brush:php;toolbar:false"></pre>

程式碼：

<pre class="brush:php;toolbar:false">
    <h1>hello</h1>
    <h2>hello</h2>
      <h3>hello</h3>
      <h4>hello</h4>
    <h5>hello</h5>
    <h6>hello</h6>
  

效果圖：

同上依舊渲染。

3.

#

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

效果圖：

直接顯示並且保留格式！可行！

推薦學習：html影片教學

以上是html中如何直接顯示html程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！