用途：
<code>:
- 是一个短语标签，用于表示计算机源代码,code标签内的文本将用等宽、类似电传打字机样式的字体（Courier）显示出来。
-
类似的一些短语标签：
-
<em>:呈现被强调的文本 -
<strong>：定义重要的文本 -
<dfn>:定义一个定义项目 -
<samp>:定义样本文本 -
<kbd>:定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中 -
<var>:定义变量,可以将此标签与<pre>及<code>标签配合使用。
注：短语元素的展示效果随着浏览器的不同,一般来说可视化浏览器应该以斜体显示<em>的文字内容,以粗体显示<strong>的文字内容.语音合成软件则能配合内容改变合成参数,像是音量,音调与速度等等.
代码
<code>
document.getELementById("id1");
document.getELementById("id2");
document.getELementById("id3");
</code>
<br>
document.getELementById("id4");
运行结果
<pre>:
- 用来定义预格式化的文本，被包围在pre标签中的文本通常会保留空格和换行符， 而文本也会呈现出等宽字体。同样，pre标签的一个常见的应用便是用来保存计算机中的源代码文本。
-
注：可以导致段落断开的标签（例如标题
<p>和<address>标签）绝不能包含在·<pre>所定义的块里
代码
<pre>
<html>
<head>
<script type="text/javascript" src="loadxmldoc.js">
</script>
</head>
<body>
<script type="text/javascript">
xmlDoc=<<font color="blue">a href="dom_loadxmldoc.asp">loadXMLDoc</a></font>("books.xml");
document.write("xmlDoc is loaded, ready for use");
</script>
</body>
</html>
</pre>
运行效果
区别与联系：
- 共同点：是应用上类似，都主要应用于浏览器显示计算机中的源代码
- 区别： 两者之间还是有很大不同的，code标签的一个功能是暗示浏览器code标签所包围的文本是计算机源代码，浏览器可以做出自己的 样式处理，pre标签则没有这项功能，但是pre标签可以保留文本中的空格和换行符，保留文本中的空格和换行符是计算机源代码显示 所必须的样式。
- 关联：code标签和pre标签是 可以嵌套使用的。
