แท็ก pre <pre></pre>
แท็ก pre เป็นอีกแท็กหนึ่งซึ่งเราควรจะรู้จัก
เป็นแท็ก ที่ทำให้การขึ้นบรรทัดใหม่ กับการเว้นช่องไฟ ทำได้ง่ายขึ้น


การขึ้นบรรทัดใหม่ ด้วย html ตามปกติต้องใช้ แท็ก <br>
และการเว้นช่องไฟมากกว่า 1 ช่อง ก็ต้องใช้ &nbsp;
มันคงไม่ค่อยสะดวกแน่ๆ หากคุณใช้แท็ก <br> หรือ &nbsp; บ่อยๆ

อย่างไรก็ตาม คุณสามารถใช้ แท็ก <pre></pre> เพื่อทำให้ข้อความที่ อยู่ภายในแท็กนี้
มีสภาพเว้นช่องไฟมากกว่า 1 ช่องได้ด้วยการใช้ spacebar
และขึ้นบรรทัดใหม่ด้วยการกด enter ( แบบเดียวกับการเขียน text )

ทำให้เราไม่ต้องพิมพ์ <br> หรือ &nbsp;
หลายๆ รอบซึ่งจะดูเกะกะ และยากต่อการแก้ไข


ตัวอย่างการใช้แท็ก pre ช่วยในการสร้างไฟล์ html
<html>
<head>
<title>ข้อความที่ titile bar</title>
</head>

<body>
<pre>
     ไฟล์รูปภาพ มีอยู่หลายชนิด   ปกติเราจะใช้ไฟล์ชนิด <b>gif</b> และ <b>jpg</b>
ในการวางภาพใน<font color=blue>เว็บเพจ</font>    เพราะมีขนาดเล็ก

     นอกจากนี้เรายังมีไฟล์ที่ใช้ตกแต่ง<font color=blue>เว็บเพจ</font>ได้อีก   เช่นไฟล์ <b>mid</b>
ที่บันทึกเสียงดนตรี          ไฟล์ <b>swf</b>    ที่ได้บันทึกทั้งภาพและเสียงไว้

     มีไฟล์อีกหลายชนิดที่ใช้ตกแต่งเว็บ      แต่ก็ไม่ได้รับความนิยม
เพราะว่า   ไฟล์มีขนาดใหญ่ ทำให้เสียเวลาในการโหลดมากเกินไป
</pre>
</body>

</html>


test.htm -  Microsoft Internet Explorer
      ไฟล์รูปภาพ มีอยู่หลายชนิด   ปกติเราจะใช้ไฟล์ชนิด gif และ jpg
 ในการวางภาพในเว็บเพจ    เพราะมีขนาดเล็ก

      นอกจากนี้เรายังมีไฟล์ที่ใช้ตกแต่งเว็บเพจได้อีก   เช่นไฟล์ mid
 ที่บันทึกเสียงดนตรี          ไฟล์ swf    ที่ได้บันทึกทั้งภาพและเสียงไว้

      มีไฟล์อีกหลายชนิดที่ใช้ตกแต่งเว็บ      แต่ก็ไม่ได้รับความนิยม
 เพราะว่า   ไฟล์มีขนาดใหญ่ ทำให้เสียเวลาในการโหลดมากเกินไป

สังเกตเห็นไหมครับว่าไม่ต้องมีแท็ก <br> ก็ขึ้นบรรทัดใหม่ได้
และไม่มี &nbsp ก็เว้นช่องไฟได้มากกว่า1 ช่องได้ด้วย