如何让<pre></pre>中间的代码以文本形式显示在html上面呢? 5

就像图片上带背景的地方,要让他以文本形式显示在网页上,怎么弄... 就像图片上带背景的地方,要让他以文本形式显示在网页上,怎么弄 展开
 我来答
上班摸鱼的坏叔叔
2018-04-18 · 做你该做的事情,并且接受它的事与愿违!
上班摸鱼的坏叔叔
采纳数:1629 获赞数:9870

向TA提问 私信TA
展开全部
  • pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

  • <pre> 标签的一个常见应用就是用来表示计算机的源代码。

  • 可以导致段落断开的标签(例如标题、<p> 和 <address> 标签)绝不能包含在 <pre> 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的。

  • pre 元素中允许的文本可以包括物理样式和基于内容的样式变化,还有链接、图像和水平分隔线。当把其他标签(比如 <a> 标签)放到 <pre> 块中时,就像放在 HTML/XHTML 文档的其他部分中一样即可。

追问
我是要让代码直接显示出来,

菜鸟

就像这段直接全部显示出来
追答
<html>
<body>
<pre accuse="qRA">
<br>
&lt;!DOCTYPE html&gt;<br>
&lt;html&gt;<br>
&lt;head&gt; <br>
&lt;meta charset="utf-8"&gt; <br>
&lt;title&gt;菜鸟&lt;/title&gt; <br>
&lt;/head&gt;<br>
&lt;body&gt;
<br>
</pre>

</body>
</html>

注意<>不要再代码中包裹标签,需要转换成字符

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式