ทำแบบทดสอบก่อนเรียน
การออกแบบเว็บไซต์
ภาษา html
การจัดรูปแบบเอกสาร
การจัดรูปแบบตัวอักษร
การใส่รูปภาพลงในเว็บเพจ
การสร้างตาราง
การเชื่อมโยงเว็บเพจ
การใส่ไฟล์มัลติมีเดีย
แบบทดสอบหลังเรียน


          1.10  การจัดรูปแบบเอกสารตามที่กำหนด (Preformatted) ด้วยแท็ก <per>

                    สำหรับการใช้คำสั่งในการจัดรูปแบบเอกสารตามที่กำหนด (Preformatted) นี้เป็นการเปิดโอกาส
ให้เราสามารถกำหนดการจัดวางข้อความได้ในโปรแกรมเอดิเตอร์โดยตรง เมื่อถูกเรียกใช้จากเว็บเบราว์เซอร์
ข้อความเหล่านั้นก็จะแสดงผลออกมาเหมือนที่ได้จัดไว้ในเอดิเตอร์

                    รูปแบบ


<pre>

ข้อความเอกสาร...........................................
....................................................................

</pre>



                  ตัวอย่างการจัดรูปแบบเอกสาร ดังนี้


<!DOCTYPE html>
<html>
<head>
<title> Preformatted Tag</title>
</head>
<body>

     <pre>
           รหัสวิชา               ชื่อวิชา                                        ราคาปก
             20204         โปรแกรมมัลติมีเดีย                                 125
             20203         โปรแกรมตารางคำนวณ                             95
             20202         โปรแกรมกราฟิก                                     140 
             20201         โปรแกรมประมวลผลคำ                             95
    </pre>
    
</body>
</html>


         ให้สังเกตว่ามีการเยื้องข้อความของย่อหน้าเอกสารตามที่ได้จัดวางรูปแบบไว้

ผลที่ได้บนเว็บเบราว์เซอร์