ข้ามไปยังเนื้อหาหลัก
ProgrammerThailand

Bootstrap 3.x

การแสดงผลโค๊ดโปรแกรม (Code)

บรรทัดเดียวกัน (Inline)

ตัวอย่างโค๊ดในบรรทัดจะแสดงโดยใช้ Tag <code>

ตัวอย่างคำสั่ง Tag <html> ในบรรทัดเดียวกัน

ตัวอย่างคำสั่ง Tag <code>&lt;html&gt;</code> ในบรรทัดเดียวกัน

ปุ่มคีย์บอร์ด (User input)

ใช้ <tbd> ในการแสดงการพิมพ์แป้นคีย์บอร์ด

เราเปลี่ยน directory ด้วยคำสั่ง cd ตามด้วยชื่อของ directory
หากต้องการคัดลอกให้กดปุ่ม ctrl + c

เราเปลี่ยน directory ด้วยคำสั่ง <kbd>cd</kbd> ตามด้วยชื่อของ directory<br>
หากต้องการคัดลอกให้กดปุ่ม <kbd><kbd>ctrl</kbd> + <kbd>c</kbd></kbd>

หลายบรรทัด (Code Block)

ในการแทรกโค๊ดหลายบรรทัดให้ใช้ <pre> หากบรรทัดยาวมากกว่า 350px สามารถใช้ .pre-scrollable ในการทำแถบเลื่อนในแนว Y ได้

<p>ตัวอย่างข้อความ...</p>
<pre>&lt;p&gt;ตัวอย่างข้อความ...&lt;/p&gt;</pre>

ตัวแปรต่างๆ

สำหรับตัวแปรต่างๆ จะใช้ <var> 

y = mx + b

<var>y</var> = <var>m</var><var>x</var> + <var>b</var>

ตัวอย่างผลลัพท์

การแสดงผลตัวอย่างผลลัพท์ของโปรแกรมสามารถใช้ <samp>

This text is meant to be treated as sample output from a computer program.

<samp>This text is meant to be treated as sample output from a computer program.</samp>

 

ติดปัญหาตอนทำตาม? ถามในชุมชน

ความคิดเห็น (0)

ยังไม่มีความคิดเห็น — เริ่มคุยเป็นคนแรก ถามสิ่งที่สงสัย หรือแชร์ประสบการณ์ของคุณ