HTML <code> 标签

HTML <code> 元素呈现一段计算机代码. 默认情况下, 它以浏览器的默认等宽字体显示。


实例

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h1>code 元素</h1>
  5. <p>这个HTML的 <code>按钮</code> 标签定义了一个可点击的按钮。</p>
  6. <p>CSS的 <code>background-color</code> 的属性定义了这个元素的背景色。</p>
  7. </body>
  8. </html>

定义和用法

HTML <code> 元素呈现一段计算机代码. 默认情况下, 它以浏览器的默认等宽字体显示。

注意:CSS 规则可以覆盖浏览器默认的 code 标签字体样式. 但用户设置的浏览器字体选项可能会超过 CSS 的优先级, 使之无效.


浏览器支持

元素
<code>YesYesYesYesYes

所有浏览器都支持 <code> 标签。


更多实例

  1. <html>
  2. <head>
  3. <style>
  4. code {
  5. font-family: Consolas,"courier new";
  6. color: crimson;
  7. background-color: #f1f1f1;
  8. padding: 2px;
  9. font-size: 105%;
  10. }
  11. </style>
  12. </head>
  13. <body>
  14. <p>这个HTML的 <code>按钮</code> 标签定义了一个可点击的按钮。</p>
  15. <p>CSS的 <code>background-color</code> 的属性定义了这个元素的背景色。</p>
  16. </body>
  17. </html>

code

  1. code {
  2. font-family: monospace;
  3. }