บทที่3 การจัดวางเนื้อหาบนเว็บ

บทที่3 การจัดวางเนื้อหาบนเว็บ

การตัดคำขึ้นบรรทัดใหม่ 

ขั้นตอนการทำ
     1.คำสั่ง 
 เป็นคำสั่งขึ้นบรรทัดใหม่โดยตัวคำสั่งจะใช้เพียงตัวเดียวไม่ต้องใช้ 2 ตัวเหมือนคำสั่งอื่น อยู่ภายในคำสั่ง 
                              
     2.ตามตัวอย่าง code ดังนี้

     3.จะได้ผลดังนี้

     4.ตาม code ในส่วนที่ 1 เป็นการพิมพ์ข้อความต่อเนื่องกันแบบธรรมดา ในส่วนที่ 2เป็นแบบใช้คำสั่ง คั่นระหว่างข้อความเพื่อต้องการให้ข้อความขึ้นบรรทัดใหม่ หากพิมพ์คำสั่ง

 จะทำให้ข้อความขึ้นย่อหน้าใหม่

     5.ผลของส่วนที่ 1

     6.ผลของส่วนที่ 2

การใช้คำสั่ง 
ขั้นตอนการเขียน
     1.คำสั่ง เป็นคำสั่งขึ้นย่อหน้าใหม่ใช้กับข้อความ โดยใช้เพียวตัวเดียวแทรกในข้อความ ภายในคำสั่ง รูปแบบคำสั่งมีดังนี้ 

2.ตามตัวอย่าง code ดังนี้

3.จะได้ผลดังนี้

4.เมื่อเราแทรกคำสั่ง  ระหว่างข้อความที่ต้องการให้ขึ้นบรรทัดใหม่ จะสังเกตเห็นว่าข้อความที่อยู่หลังคำสั่ง  จะถูกย้ายไปอยู่ในย่อหน้าใหม่

ถ้าหากเราใช้คำสั่ง
2 ตัว เช่น

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

การจัดข้อความอยู่กึ่งกลางหน้า
รูปแบบคำสั่ง

คำสั่งไม่ให้บราเซอร์ตัดข้อมูลขึ้นบรรทัดใหม่
รูปแบบคำสั่ง

คำสั่งกำหนดจุดบราเซอร์ตัดข้อมูลขึ้นบรรทัดใหม่
รูปแบบคำสั่ง

การใช้คำสั่ง 

    1.คำสั่ง เป็นคำสั่งจัดรูปแบบข้อความตามที่เราต้องการ ใช้ภายในคำสั่ง ในบางครั้งการใช้คำสั่ง และ ในข้อความหลายๆ จุด อาจทำให้สับสนได้ควรใช้คำสั่ง แทน ซึ่งมีรูปแบการเขียนดังนี้

    2.ตามตัวอย่าง code ดังนี้ 


    3.จะได้ผลดังนี้ 


    4.เห็นได้ว่าผลลัพธ์ที่ได้จะเหมือนที่เราได้จัดรูปแบบไว้ โดยจะแทรกคำสั่ง ไว้ในส่วนบนและส่วนล่างของข้อความ 


คำสั่ง  คั่นเส้นแนวนอน รูปแบบคำสั่ง