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;
}