HTML页面中显示HTML标签代码

HTML页面中显示HTML标签代码,第1张

其实在html页面中,之所以会把你写的不想转换的html标签也转换了,就是因为标签中的<和>,只要你把这两个符号用代码替代掉,页面加载的时候就不会对这段代码解析了,在打开页面后就会出现你想要的效果,例子如下:

<pre>

<body>

a

</body>

</pre>

其中,<表示<,>表示>,其实>也可以不用替换,只要html页面加载时找不到<,>符号就不会起作用

<pre>标签主要是为了保留标签内部的格式(空格和换行符)用的,这样就不需要再使用其他的换行和空格符号格式化文本了

第一种方法:

1、打开一个网页

2、点击浏览器上的菜单“查看”;

3、选择其中的“源文件”选项,即可以打开一个记事本文件,其中就是这个网页的源代码。

第二种方法:

1、打开一个网页;

2、将鼠标放置到网页上的任何位置(只要位于没有链接、图片处,最好是网页中的空白区域);

3、点击鼠标右键,选择其中的“查看源文件”即可。

页面中显示HTML标签源代码

归纳几种方法,根据需求选用:

a: 把代码写在文本区域 <textarea>标签中。可以设置 disabled="disabled" 属性,禁止用户 *** 作。

b: 把要显示在html文档中标签的 "<"、">" 用实体字符替换掉。如:<p&gt</p>外层嵌套<pre>标签可使页面与HTML格式一致。

C: 用程序批量替换。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7289940.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存