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

❮ก่อนหน้า ถัดไปบท❯

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

<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>

รหัส HTML คอมพิวเตอร์การจัดรูปแบบ

HTML ปกติใช้ตัวอักษรขนาดตัวแปรและการเว้นวรรค

นี้ไม่ได้ต้องการที่เมื่อแสดงตัวอย่างของรหัสคอมพิวเตอร์

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

HTML <kbd> สำหรับแป้นพิมพ์

ใช้ HTML <kbd> องค์ประกอบที่กำหนดคีย์บอร์ด:

ตัวอย่าง

ผล:

File | Open...

ลองตัวเอง»

HTML <samp> สำหรับ Output คอมพิวเตอร์

ใช้ 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>

ผล:

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

ลองตัวเอง»

HTML <code> สำหรับรหัสคอมพิวเตอร์

ใช้ HTML <code> องค์ประกอบที่กำหนดชิ้นส่วนของรหัสการเขียนโปรแกรม:

ตัวอย่าง

<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>

ผล:


var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;

ลองตัวเอง»

ขอให้สังเกตว่า <code> องค์ประกอบไม่รักษาช่องว่างพิเศษและเส้นแบ่ง

หากต้องการแก้ไขปัญหานี้คุณสามารถใส่ <code> องค์ประกอบภายใน <pre> องค์ประกอบ:

ตัวอย่าง

<pre>
<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>
</pre>

ผล:

var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;

ลองตัวเอง»

HTML <var> สำหรับตัวแปร

ใช้ HTML <var> องค์ประกอบกำหนดตัวแปร

ตัวแปรที่อาจจะเป็นตัวแปรในการแสดงออกทางคณิตศาสตร์หรือตัวแปรในบริบทการเขียนโปรแกรม:

ตัวอย่าง

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

ผล:

Einstein wrote: E = m c ² .

ลองตัวเอง»

ทดสอบตัวเองด้วยการออกกำลังกาย!

การใช้สิทธิ 1 » ใช้สิทธิ 2 » ออกกำลังกาย 3 »