html中如何直接显示html代码

145 阅读 0 评论 96 点赞

我是靠谱客的博主沉默心情，最近开发中收集的这篇文章主要介绍html中如何直接显示html代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

本篇文章给大家介绍一下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>
登录后复制

效果图：
在这里插入图片描述

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

推荐学习：html视频教程

以上就是html中如何直接显示html代码的详细内容，更多请关注靠谱客其它相关文章！

以上就是沉默心情为你收集整理的html中如何直接显示html代码的全部内容，希望文章能够帮你解决html中如何直接显示html代码所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。