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

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>hello</h1>
    <h2>hello</h2>
      <h3>hello</h3>
      <h4>hello</h4>
    <h5>hello</h5>
    <h6>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: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>

Copy after login

Rendering:

Same as above render.