HTML เว้นวรรค tab ตามการกดแท็บด้วย pre

HTML เว้นวรรค tab ตามการกดแท็บด้วย pre บทความนี้สอนใช้งานแท็ก pre ของภาษา HTML ซึ่งเป็นแท็กที่จะแสดงข้อมูลตามที่เราเว้นวรรคข้อมูลโดยการกด tab หรือ space bar สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง HTML เว้นวรรค tab ตามการกดแท็บด้วย pre

<pre>
    apple   banana  orange
red     green   blue
</pre>

ผลลัพธ์

    apple   banana  orange
red     green   blue

HTML เว้นวรรค tab จากตัวอย่างใช้แท็ก pre ของ HTML และใส่ข้อมูลที่ต้องการระหว่างแท็ก pre โดยสามารถเว้นวรรคข้อมูลได้ตามที่ต้องการ ทั้งการกด tab หรือกด space bar โดยข้อมูลที่แสดงในหน้าเว็บไซต์จะแสดงเหมือนกับในโค้ดที่เราเว้นวรรคไว้