html中直接显示html代码

百度说的<code>和<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>

代码：

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

效果图：

3.<xmp>

代码：

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

效果图：

直接显示并且保留格式！可行！