怎么看出code和pre的区别
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>code标签介绍</title>
</head>
<body>
<p>我们可能知道水平渐变的实现，类似这样：
<code style="color:blue; font-size:20px;"><em>{background-image:linear-gradient(left, red 100px, yellow 200px);}</em></code><!--code不保留文本格式--></p>
<pre>var i=i+300;
<br>{background-image:linear-gradient(left, red 100px, yellow 200px);</pre><!--pre可以保留文本中自带的空格键-->
</body>
</html>
我这个代码中怎么看出code和pre的区别，这不都可以多行代码吗，怎么理解？？？
