HTML ย่อหน้า tab ยังไง กด tab ย่อหน้าข้อมูล

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

ตัวอย่าง HTML ย่อหน้า tab ยังไง กด tab ย่อหน้าข้อมูล

<pre>
Apple
    Banana
        Orange
            Berry
</pre>

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