How to display html code directly in html-HTML Tutorial-php.cn

Table of Contents

hello

Home

Web Front-end

HTML Tutorial

How to display html code directly in html

醉折花枝作酒筹

Apr 30, 2021 am 09:30 AM

This article will introduce to you how to directly display html code in html. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to everyone.

How to display html code directly in html

Baidu has listed a lot of practices, and I feel that many of them have not been tested before making nonsense. I will summarize them here.
Baidu refers to the <code><code> and <code><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"></pre><div class="contentsignin">Copy after login</div></div> tags. My test results are as follows:

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>

Copy after login

Rendering:
How to display html code directly in html
The code is still rendered and fails. It is said that inline elements are rendered, but they are still rendered if they are changed to span.

</strong></p><p>Code: </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>

Copy after login

Rendering:

Same as above render.