รูปแบบวันนี้ออกจะแตกต่างกับที่ผ่านมาพอควร เพราะในบทนี้จะนำปัญหามานำเสนอ โดยยึดหลักการที่ว่าเมื่อทราบถึงปัญหาก็ย่อมต้องทราบวิธีแก้ไขปัญหานั่นเอง การนำเสนอทั้งหมดพยายามเน้นความเข้าใจแบบง่ายๆ ไม่เคร่งเครียด (เด๋ว! จะหลับคาคอมฯ กันหมด อิอิ) อีกทั้งเนื้อหาจะเป็นลักษณะเกร็ดเล็กเกร็ดน้อย แล้วแต่ว่าช่วงเวลานั้นเจ้าของบล๊อกจะนึกอะไรขึ้นมาได้ จึงเป็นที่มาของคำว่า "บทที่หนึ่ง" เพราะไม่รู้ว่าจะจบลงเมื่อใด (อาจเป็นบทเดียวแล้วเลิกเลยก็ได้ อิอิ) จึงเกริ่นเผื่อไว้ก่อนว่าจะมีบทที่สอง ที่สาม หรือบทต่อๆ ไป ตามออกมาเรื่อยๆ สุดท้ายอยากจะบอกว่า ถ้าขาดตกบกพร่องสิ่งใดไปบ้าง ก็ขออภัย ณ.ที่นี้ด้วยจ้ะ

✡ <BR> หรือ <BR /> ย่อมาจาก line break อธิบายง่ายๆ ก็คือ การขึ้นบรรทัดใหม่ (Enter) นั่นเอง <BR> เป็น tag คำสั่งของภาษา html เชื่อว่าหลายท่านคงไม่เคยเห็น หรือแม้แต่เคยใช้เลย (ที่จริงต้องบอกว่า ท่านใช้มันอยู่โดยไม่รู้ตัวตะหาก) และด้วยสาเหตุที่หลายท่านไม่คุ้นเคยกับ <BR> จึงไม่ทราบว่าที่ผ่านมาบล๊อกในฝันของท่านต้องล่มลงเพราะ <BR> นี่เอง

✡ ก่อนจะไปถึงรายละเอียดแบบเจาะลึก เจ้าของบล๊อกขออนุญาตนำภาพประกอบมาให้ชมกัน

✡ สองภาพข้างต้นนี้เป็นตัวอย่างจากความผิดพลาดของ <BR> หลายท่านคงเคยประสบมา และหลายท่านก็ปล่อยผ่านไปเพราะไม่ทราบว่าต้นเหตุเกิดจากที่ใด จึงไม่ทราบอีกเหมือนกันว่า จะแก้ไขมันได้อย่างไร

✡ โครงสร้างภาษา html ได้กำหนดไว้ว่าการขึ้นบรรทัดใหม่ (Enter) จะต้องแทรกด้วย tag คำสั่ง <BR> เสมอ ตัวอย่างเช่น

เกิดจากการเขียนคำสั่งลักษณะนี้

✡ ถึงตรงนี้หลายท่านก็คงแย้งว่า เห็นยังไม่เคยเห็นเลยจ้า <BR> ที่ว่าเนี่ย แล้วจะเขียนลงไปได้อย่างไร? เมื่อไหร่?

✡ ในการสร้าง Blog ไม่ว่าจะเป็นการสร้างด้วยโปรแกรม Notepad หรือว่าจะพิมพ์เข้าไปในช่องสร้าง Blog เลยก็ตาม เวลาที่ท่านต้องการขึ้นบรรทัดใหม่ก็เพียง Enter เท่านั้น แล้วโปรแกรมการสร้าง Blog ของทาง Bloggang ก็จะทำการแปลงค่าให้เป็นภาษา html ที่ถูกต้องต่อไป ถ้าจะสรุปให้ง่ายเข้าก็คือ โปรแกรมทำการแปลงค่าเองโดยอัตโนมัติ โดยที่ท่านไม่จำเป็นต้องเขียนใส่เข้าไปเหมือนการทำ webpage ทั่วไปนั่นเอง

✡ เราจะมาดูหลักฐานยืนยันสิ่งที่ว่านี้กันจ้ะ โดยการคลิ๊กขวาบนหน้า weblog เลือก View Source แล้วลองเลื่อนลงมาดูในส่วน <Main Blog> ก็จะเห็นดังตัวอย่างข้างล่างจ้ะ
(สำหรับบาง webpage ได้ใช้ script ป้องกันการคลิ๊กขวา ให้ท่านเลือกที่ Menu>View>Source ได้เหมือนกันจ้ะ)

✡ ส่วนที่ล้อมกรอบสีแดงนั่นก็คือ <BR> นั่นเอง ส่วนที่ล้อมกรอบด้วยสีน้ำเงินก็คือ สัญลักษณ์พิเศษต่างๆ เช่น ✡, ❦ ฯลฯ ที่เราใส่เข้าไป (โปรแกรมจะทำการแปลงให้เป็นรหัสอย่างที่เห็นนี่ล่ะจ้ะ)

✡ ยกตัวอย่างกรณีความผิดพลาดของกรอบรูป (Sample 1) เกิดจากการรวบบรรทัดไม่เรียบร้อยดังนี้

✡ ผลจึงออกมาดังนี้ (ดูจาก Source)

✡ กรณีความผิดพลาดเกิดจากการตัดคำทำให้ข้อความขาด (Sample 2)

✡ ผลจึงออกมาดังนี้ (ดูจาก Source)

✡ ความผิดพลาดนี้ยังรวมถึงรูปแบบโค้ดกรอบรูปที่ขอบระยะห่างไม่เท่ากันทั้งสี่ด้านเช่น

✡ สรุปเรื่องของ <BR> ก็คงพอเป็นแนวทางให้ท่านใช้ประกอบการสังเกตุในการสร้าง Blog ครั้งต่อไปได้บ้าง เมื่อประสบปัญหาในคราวต่อไป ก็คงพอจับจุดได้บ้างแล้วว่า จะแก้ไขได้อย่างไรส่วนไหนต่อไป

✥ ก่อนจากกันมีแถมท้าย ✥

เมื่อท่านใช้ tag คำสั่ง <p align="..">..ข้อความหรือรูปภาพ..</p> (p ย่อมาจาก paragraph) นอกจากจะเป็นการกำหนดตำแหน่งของวัตถุที่ท่านเลือกแล้ว ยังหมายรวมถึงการขึ้นบรรทัดใหม่ด้วยภายในคำสั่งเดียวกัน เพราะฉะนั้นท่านสามารถใช้ tag นี้ต่อท้ายข้อความหรือรูปภาพก่อนหน้าได้โดยไม่จำเป็นต้องขึ้นบรรทัดใหม่