Ετικέτα HTML <code>

  • Προηγούμενη σελίδα <cite>
  • Επόμενη σελίδα <col>

定义和用法

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

提示：此标签未被弃用。但是，可以通过使用 CSS 来实现更丰富的效果（请参见下面的例子）。

请参阅：

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

另请参阅：

HTML 教程：Φόρματοποίηση κειμένου HTML

HTML DOM 参考手册：Code 对象

实例

例子 1

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

<p>Η ετικέτα <code>button</code> του HTML ορίζει ένα κουμπί που μπορεί να πατηθεί.</p>
<p>Η ιδιότητα <code>background-color</code> του CSS ορίζει τον χρωματισμό του παρασκηνίου του στοιχείου.</p>

Δοκιμάστε το προσωπικά

例子 2

使用 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>Η ετικέτα <code>button</code> του HTML ορίζει ένα κουμπί που μπορεί να πατηθεί.</p>
<p>Η ιδιότητα <code>background-color</code> του CSS ορίζει τον χρωματισμό του παρασκηνίου του στοιχείου.</p>
</body>
</html>

Δοκιμάστε το προσωπικά

Γενικές ιδιότητες

<code> Η ετικέτα υποστηρίζει επίσης Γενικές ιδιότητες στο HTML.

ιδιότητες γεγονότων

<code> Η ετικέτα υποστηρίζει επίσης Ανθεκτικές ιδιότητες γεγονότων στο HTML.

Προεπιλεγμένες ρυθμίσεις CSS

Οι περισσότεροι περιηγητές θα χρησιμοποιήσουν τις παρακάτω προεπιλεγμένες τιμές για την εμφάνιση <code> Στοιχείο:

code {
  font-family: monospace;
}

Δοκιμάστε το προσωπικά

Υποστήριξη περιηγητών

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη
  • Προηγούμενη σελίδα <cite>
  • Επόμενη σελίδα <col>