องค์ประกอบรหัสคอมพิวเตอร์ HTML

รหัสคอมพิวเตอร์

var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}

รูปแบบรหัสคอมพิวเตอร์ของ HTML

โดยทั่วไป HTML ใช้ที่เปลี่ยนแปลงได้ขนาดตัวอักษร และช่องว่างตัวอักษรที่เปลี่ยนแปลงได้

ในการแสดงรหัสคอมพิวเตอร์ในตัวอย่างนี้ จะไม่จำเป็นต้องทำตาม

<kbd>, <samp>และ <code> รายการองค์ประกอบทุกตัวหนาวที่สนับสนุนขนาดตัวอักษรและช่องว่างที่เปลี่ยนแปลงได้

การจัดรูปแบบแบบแผนภาพของ HTML

HTML <kbd> การกำหนดองค์ประกอบการพิมพ์ทางกีบ：

ตัวอย่าง

<p>เปิดแฟ้ม:</p>
<p><kbd>File | Open...</kbd></p>

ทดลองด้วยตัวเอง

รูปแบบตัวอย่าง HTML

HTML <samp> การกำหนดองค์ประกอบตัวอย่างการแสดงออกของคอมพิวเตอร์：

ตัวอย่าง

<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>

ทดลองด้วยตัวเอง

รูปแบบรหัส HTML

HTML <code> การกำหนดองค์ประกอบตัวอย่างรหัสการเขียนโปรแกรม：

ตัวอย่าง

<code>
var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }
</code>

ทดลองด้วยตัวเอง

<code> ไอเทมไม่ครอบคลุมเกินเหลือช่องว่างและการเลื่อนบรรทัด：

ตัวอย่าง

ตัวอย่างรหัส

<code>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</code>

ทดลองด้วยตัวเอง

ถ้าต้องการแก้ปัญหานี้ คุณจะต้องล้อมรหัสด้วย <pre> ไอเทม:

ตัวอย่าง

ตัวอย่างรหัส

<code>
<pre>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</pre>
</code>

ทดลองด้วยตัวเอง

การจัดรูปแบบตัวแปร HTML

HTML <var> การกำหนดองค์ประกอบตัวแปรทางคณิตศาสตร์：

ตัวอย่าง

<p>Einstein wrote:</p>
<p><var>E = m c<sup>2</sup></var></p>

ทดลองด้วยตัวเอง

องค์ประกอบรหัสคอมพิวเตอร์ HTML

ตามแบบ รายละเอียด
<code> กำหนดข้อความรหัสคอมพิวเตอร์
<kbd> กำหนดข้อความทางกดบนแป้นพิมพ์
<samp> กำหนดตัวอย่างรหัสคอมพิวเตอร์
<var> กำหนดตัวแปร
<pre> กำหนดข้อความที่เป็นรูปแบบระบุ