HTML <code> Tag

  • หน้าก่อนหน้า <cite>
  • หน้าต่อไป <col>

定義和用法

<code> 標籤用於定義電腦代碼片段，其內容以瀏覽器默認的等寬字體顯示。

提示：此標籤未被棄用。但是，可以通过使用 CSS 來實現更豐富的效果（請參見下面的例子）。

請參考：

標籤 描述
<samp> 定義電腦程序的範例輸出。
<kbd> 定義鍵盤輸入。
<var> 定義變量。
<pre> 定義預格式化文本。

另請參考：

HTML 教學：HTML รูปแบบข้อความ

HTML DOM 參考手冊：Code 對象

實例

例子 1

將一些文本定義為文檔中的電腦代碼：

<p>HTML <code>button</code> ตามตารางหมายความว่าแปลงงานปุ่มที่สามารถกดได้</p>
<p>CSS <code>background-color</code> คำนำความหมายเพื่อกำหนดสีพื้นหลังขององค์ประกอบ</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>HTML <code>button</code> ตามตารางหมายความว่าแปลงงานปุ่มที่สามารถกดได้</p>
<p>CSS <code>background-color</code> คำนำความหมายเพื่อกำหนดสีพื้นหลังขององค์ประกอบ</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>