แท็ก HTML <code> แบบตัวอักษร

  • หน้าก่อนหน้า <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>