1 Star 0 Fork 1

小弟调调 / html-tutorial

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
code.md 1.97 KB
一键复制 编辑 原始数据 按行查看 历史
小弟调调 提交于 2022-04-30 18:16 . doc: add tag document.

HTML <code> 标签

示例

将一些文本定义为文档中的计算机代码:

<p>The HTML <code>button</code> tag defines a clickable button.</p>

<p>The CSS <code>background-color</code> property defines the background color of an element.</p>

定义和用法

<code> 标签用于定义一段计算机代码。 里面的内容以浏览器默认的等宽字体显示。

提示: 此标签未被弃用。 但是,使用 CSS 可以实现更丰富的效果(参见下面的示例)。

还请看:

标签 Tag 描述 Description
<samp> 定义计算机程序的样本输出
<kbd> 定义键盘输入
<var> 定义一个变量
<pre> 定义预格式化文本

浏览器支持

Element chrome edge firefox safari opera
<code> Yes Yes Yes Yes Yes

全局属性

<code> 标签支持 HTML 中的全局属性

事件属性

<code> 标签支持 HTML 中的事件属性

更多示例

使用 CSS 设置 <code> 元素的样式:

<html>
<head>
  <style>
    code {
      font-family: Consolas,"courier new";
      color: crimson;
      background-color: #f1f1f1;
      padding: 2px;
      font-size: 105%;
    }
  </style>
</head>
<body>
  <p>The HTML <code>button</code> tag defines a clickable button.</p>
  <p>The CSS <code>background-color</code> property defines the background color of an element.</p>
</body>
</html>

默认 CSS 设置

大多数浏览器将显示具有以下默认值的 <code> 元素:

code {
  font-family: monospace;
}
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/jaywcjlove/html-tutorial.git
git@gitee.com:jaywcjlove/html-tutorial.git
jaywcjlove
html-tutorial
html-tutorial
main

搜索帮助