HTML <code> 标签作用用法详解

作者:前端大神~ | 时间:2019-01-12

HTML <code> 标签是干什么用的呢,下面我们针对HTML <code> 标签的用法做一个详细的讲解。

定义和用法

<code> 标签用于表示计算机源代码

视觉效果上包含在该标签内的文本将用等宽的字体(Courier)显示出来

实际工作中我们还可以使用 CSS ,让code标签内的内容取得更丰富的效果。

html code标签属于短语标签


其它短语标签有:

<em> 呈现为被强调的文本。

<strong> 定义重要的文本。

<dfn> 定义一个定义项目。

<code> 定义计算机代码文本。

<samp> 定义样本文本。

<kbd> 定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。

<var> 定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。

示例代码

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>我有答案(woyoudaan.cn)</title> 
</head>
<body>

<em>强调文本</em><br>
<strong>加粗文本</strong><br>
<dfn>定义项目</dfn><br>
<code>一段电脑代码</code><br>
<samp>计算机样本</samp><br>
<kbd>键盘输入</kbd><br>
<var>变量</var>

</body>
</html>

显示效果:

HTML <code> 标签作用用法详解

浏览器支持

目前市面上所有的浏览器都支持Html code标签

HTML <code> 标签作用用法详解

以上就是关于html code标签的详细介绍了,希望通过上面的讲解,大家能掌握HTML <code> 标签作用用法