ข้อมูลอ้างอิงHTML

HTML โดยตัวอักษร HTML ตามหมวดหมู่ รองรับ HTML Browser แอตทริบิวต์ HTML HTML Global Attributes เหตุการณ์ HTML HTML สี HTML Canvas HTML เสียง/วิดีโอ ชุดอักขระ HTML HTML Doctypes การเข้ารหัส URL HTML รหัสภาษา HTML รหัสประเทศ HTML ข้อความ HTTP วิธี HTTP ตัวแปลง PX เป็น EM แป้นพิมพ์ลัด


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> Defines sample output from a computer program
<kbd> Defines keyboard input
<var> Defines a variable
<pre> Defines preformatted text

รองรับเบราว์เซอร์

Element
<code> Yes Yes Yes Yes Yes

คุณสมบัติสากล

แท็ ก<code>ยังสนับสนุน Global Attributes ใน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>

หน้าที่เกี่ยวข้อง

กวดวิชา HTML: การจัดรูปแบบข้อความ HTML

การอ้างอิง HTML DOM: Code Object


การตั้งค่า CSS เริ่มต้น

เบราว์เซอร์ส่วนใหญ่จะแสดง<code>องค์ประกอบด้วยค่าเริ่มต้นดังต่อไปนี้:

ตัวอย่าง

code {
  font-family: monospace;
}