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

คู่มือการเรียนรู้ Bootstrap 3.x

บทเรียนดีๆ สำหรับผู้ที่ต้องการแบ่งปัน บทเรียนของคุณอาจมีค่าสำหรับอีกหลายๆ คน

beta version

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

มานพ กองอุ่น bootstrap code 785

บรรทัดเดียวกัน (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>

 


หากบทเรียนรู้มีความผิดพลาดประการใด หรือมีข้อเสนอแนะกรุณาแจ้ง contact@programmerthailand.com
มานพ กองอุ่น

มานพ กองอุ่น
admin

  • 2 เพื่อน
  • 9 ผู้ติดตาม
  • 758 โพสต์