html中如何直接显示html代码


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

本篇文章给大家介绍一下html中直接显示html代码的方式。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

百度了很多中做法,感觉很多都没有测试再胡说,特总结一下。
百度说的<code><pre>标签,我的测试结果如下:

1.<code>

1

2

3

4

5

6

7

8

<code>

    <h1>hello</h1>

    <h2>hello</h2>

      <h3>hello</h3>

      <h4>hello</h4>

    <h5>hello</h5>

    <h6>hello</h6>

  </code>

效果图:
在这里插入图片描述
代码依然被渲染,失败。说是渲染行内元素的,改为span依旧渲染。

2.<pre>

代码:

1

2

3

4

5

6

7

8

<pre>

    <h1>hello</h1>

    <h2>hello</h2>

      <h3>hello</h3>

      <h4>hello</h4>

    <h5>hello</h5>

    <h6>hello</h6>

  </pre>

效果图:

阅读剩余部分

相关阅读 >>

Html标签嵌套的详细规则

Html 的表单元素有哪些

Html怎么让图片居中

Html如何给div加边框

如何将json转换为Html格式并显示

Html中怎么加img路径

Html查看器是什么意思

Html如何制作一个简单的单页布局(代码分享)

Html怎么让超链接没有下划线

Html的<meter>标签是做什么的

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...