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

hello

首頁

web前端

html教學

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

醉折花枝作酒筹

Apr 30, 2021 am 09:30 AM

本篇文章跟大家介紹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 id="hello">hello</h1>
    <h2 id="hello">hello</h2>
      <h3 id="hello">hello</h3>
      <h4 id="hello">hello</h4>
    <h5 id="hello">hello</h5>
    <h6 id="hello">hello</h6>
  </code>

登入後複製

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

</strong></p><p>程式碼：</p><pre class='brush:php;toolbar:false;'><pre class="brush:php;toolbar:false">
    <h1 id="hello">hello</h1>
    <h2 id="hello">hello</h2>
      <h3 id="hello">hello</h3>
      <h4 id="hello">hello</h4>
    <h5 id="hello">hello</h5>
    <h6 id="hello">hello</h6>

登入後複製

效果圖：

同上依舊渲染。