                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

<code>标签有什么作用？

<code>标签有什么作用？

幕布斯5829712

2016-11-29

源自：初识HTML(5)+CSS(3)-升级版 3-13

关注问题我要回答

9989

操作

收起

7 回答

破茧成蝶158 回答被采纳 +3 积分
2016-11-29

<code>和<pre>两个标签都是为了，在浏览器中显示源程序代码。

<code> 标签的功能有：将文本变成等宽字体；还有一个功能就是暗示这段文本是源程序代码，浏览器可以做出自己的样式处理，pre标签则没有这项功能。

<pre>标签可以保留文本中的空格和换行符，保留文本中的空格和换行符是计算机源代码显示所必须的样式。

所以<code><pre>两者可以嵌套使用的，但是必须注意两者的嵌套顺序。

我们可以看看，加<code>标签，和不加<code>标签在浏览器上显示的不同。

浏览器中显示效果

1 回复有任何疑惑可以回复我~

收起回答

qq_棺板冲浪_03789050
2018-03-18

adadas

0 回复有任何疑惑可以回复我~

收起回答

慕运维1687198
2017-11-09

<body>

<p>我们可能知道水平渐变的实现，类似这样：<code>{background-image:linear-gradient(left, red 100px, yellow 200px);}</code>

</p>

</body>

0 回复有任何疑惑可以回复我~

收起回答

qq_happiness搁浅_0
2017-07-26

code元素中的内容（一般认为是html格式的语言）不会作为html语言而被浏览器处理，而是会被认为是文本而独立显示成带有尖括号的源码形式

0 回复有任何疑惑可以回复我~

收起回答

慕粉4026040
2016-11-29

显示一行代码时使用<code>标签，显示多行代码时使用<pre>标签，详见http://www.imooc.com/code/144

0 回复有任何疑惑可以回复我~

收起回答

Carol_Q_Q
2016-11-29

显示一段简单的代码用

0 回复有任何疑惑可以回复我~

收起回答

慕粉1025009773
2016-11-29

用于写单行的代码，如果要写一段段则需要<pre>

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1226732 人
解答问题 18245 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

8 回答<label>标签有什么作用啊？

2 回答span标签有什么用

4 回答form标签有什么用呢

3 回答用户名:请问这个label标签作用呢，和input标签有什么区别呢

2 回答div标签作用

搜索更多本课相关问答

<code>标签有什么作用？

我要回答关注问题

热搜

最近搜索清空

<code>标签有什么作用？

7 回答

本课相似问答

<code>标签有什么作用？