ใน HTML มีหลายแท็กที่ใช้สำหรับ แสดงโค้ดคอมพิวเตอร์ (Computer Code) หรือ อินพุตจากผู้ใช้ (user input) ซึ่งช่วยให้เนื้อหาที่เกี่ยวข้องกับโปรแกรมดูเป็นระเบียบและอ่านเข้าใจง่ายขึ้น
<code>
x = 5;
y = 6;
z = x + y;
</code>
<kbd> Keyboard Input
แท็ก
<kbd> ใช้เพื่อแสดงข้อความที่เป็นการพิมพ์จากคีย์บอร์ด
เช่น ปุ่มลัด และข้อความภายในแท็กนี้จะแสดงด้วยฟอนต์แบบ monospace เริ่มต้นของเบราว์เซอร์
<p>บันทึกเอกสารให้กดปุ่ม <kbd>Ctrl + S</kbd></p>
<samp> Program Output
ท็ก
<samp> ใช้เพื่อ แสดงตัวอย่างผลลัพธ์จากโปรแกรมคอมพิวเตอร์
เช่น ข้อความแจ้งเตือน หรือข้อความที่โปรแกรมพิมพ์ออกมา
โดยข้อความภายในจะแสดงด้วยฟอนต์แบบ monospace เช่นกัน
<p><samp>ไม่พบไฟล์<br> กด F1 เพื่อดำเนินการต่อ</samp></p>
<code> Computer Code
แท็ก
<code> ใช้สำหรับ แสดงข้อความที่เป็นโค้ดโปรแกรม
โดยจะแสดงด้วยฟอนต์แบบ monospace เช่นกัน
<code>
x = 5;
y = 6;
z = x + y;
</code>
เก็บช่องว่างและการขึ้นบรรทัด (Preserve Line Breaks)
แท็ก <code> เพียงอย่างเดียวจะ ไม่เก็บช่องว่างหรือการขึ้นบรรทัดใหม่ หากต้องการให้จัดบรรทัดและช่องว่างเหมือนในโค้ดจริง ให้ใช้ <pre> ครอบไว้ด้วย
<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>
<var> Variables
แท็ก
<var> ใช้สำหรับ แสดงตัวแปรทางคณิตศาสตร์หรือโปรแกรมมิ่ง
โดยทั่วไปข้อความภายในแท็กนี้จะแสดงเป็นตัวเอียง (italic)
<p>สูตรพื้นที่สามเหลี่ยมคือ: 1/2 x <var>b</var> x <var>h</var>, โดยที่ <var>b</var> เป็นค่าความยาวของฐาน, และ <var>h</var> เป็นค่าความสูง</p>
สรุป
<kbd>แสดงอินพุตจากคีย์บอร์ด<samp>แสดงผลลัพธ์จากโปรแกรม<code>แสดงโค้ดคอมพิวเตอร์<var>แสดงตัวแปรในสูตรหรือโปรแกรม<pre>แสดงข้อความที่จัดรูปแบบไว้ล่วงหน้า (เช่น เก็บช่องว่าง/บรรทัด)