หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด



</b>��èѴ���˹��Ҿ<b>


หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด
��ͤ������������ǹ���ͧ�ٻ�Ҿ (TOP) ���Ң�ͤ�����Ǩж١�Ѵ�͡���ʴ����������ǹ��ҧ�ͧ�ٻ ��ҵ�ͧ����ʴ�������ͤ����������ҡ����㹺�÷Ѵ����������١�Ѵ�������ǹ��ҧ�������¹ ALIGN �ҡ TOP �� LEFT ᷹


หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด
��ͤ������������ǹ��ҧ�ͧ�ٻ�Ҿ (MIDDLE)


หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด
��ͤ������������ǹ��ҧ�ͧ�ٻ�Ҿ (BOTTOM)


หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด
�繡�á�˹��ٻ�Ҿ���Դ���� ��� ��ͤ������������ǹ���ͧ�ٻ�Ҿ (TOP) ���Ң�ͤ���������ж١�Ѵ�͡������͹�ѹ����� ALIGN = TOP , MIDDLE ���� BOTTOM ��ͤ������ʴ��͡��㹺�÷Ѵ�������ѵ��ѵ�








หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด
�繡�á�˹��ٻ�Ҿ���Դ��� ��� ��ͤ������������ǹ���ͧ�ٻ�Ҿ (TOP) ���Ң�ͤ���������ж١�Ѵ�͡������͹�ѹ����� ALIGN = TOP ,MIDDLE ���� BOTTOM ��ͤ������ʴ��͡��㹺�÷Ѵ�������ѵ��ѵ�



การจัดตำแหน่งวัตถุไว้กลางเอกสารที่ง่ายที่สุดคือ การจัดบรรทัดตัวหนังสือในย่อหน้าหรือบริเวณหัวเรื่อง โดยใช้คำสั่ง 'text-align' ใน CSS

P { text-align: center }
H2 { text-align: center }

คำสั่งนี้จะทำให้แต่ละบรรทัดใน ย่อหน้า และหัวเรื่อง (H2) อยู่กึ่งกลางระหว่างค่า margin ที่กำหนด ดังนี้:

บรรทัดในย่อหน้านี้อยู่กึ่งกลางระหว่างค่า margin ของย่อหน้า โดยใช้ค่า 'center' ใน CSS ของ property 'text-align'.

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

่ คำสั่ง
 คำสั่ง

 คำสั่ง

  คำสั่ง
   คำสั่ง 
  หมายเหตุเตือนความจำ

คำสั่งต่างๆในการจัดรูปแบบเอกสาร

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

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

การจัดข้อความเอกสาร HTML ใน Text Editor

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

ผลลัพธ์ที่แสดงผลผ่านเว็บเบราเซอร์

ลองทำดู : คลิก download ไฟล์ ดังภาพ

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

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

 รูปแบบคำสั่ง

              
ข้อความที่ต้องการขึ้นบรรทัดใหม่

ตัวอย่างการใช้แท็ก

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

ผลลัพท์ที่ได้

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

ข้อความที่อยู่หลัง
จะถูกตัดขึ้นบรรทัดใหม่

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

และ

                คำสั่ง

และ

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

รูปแบบคำสั่ง
                           

............ ข้อความ ............

                      

 ตัวอย่างการใช้แท็ก

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

ผลลัพท์ที่ได้

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

ข้อความหลัง

จะถูกแยก 1 บรรทัดระหว่างย่อหน้า

ลองทำดู : คลิก download ไฟล์ ดังภาพ

การเยื้องของข้อความในบรรทัด 1.โดยใช้คำสั่ง
วางหน้าข้อความที่ต้องการให้เยื้องหน้า หรือใช้ร่วมกับและมีการจัดย่อหน้า คำสั่ง
หรือคำสั่ง

รูปแบบคำสั่ง
                           

............ ข้อความ ............      

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

ผลลัพธ์ที่ได้

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

2. การเยื้องข้อความแบบกำหนด คือการใช้คำสั่งเว้นช่องว่างมาช่วยในการจัดรูปแบบ   ตรงตำแหน่งทีต้องการเว้นช่อาว่าง(โดย1คำสั่งคือ1เคาะ)

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

ผลลัพธ์ที่ได้

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

จากตัวอย่างจะเห็นว่าเราได้ทำการใช้คำสั่งเว้นช่องว่าง   ทั้งหมด5ครั้ง เหมือนการกดปุ่ม spacbar
5 ครั้ง ถ้าเราต้องการเยื้องข้อความเพิ่มขึ้นก็เพิ่มคำสั่งตามที่เราต้องการ

การจัดวางตำแหน่งข้อความในย่อหน้า

 รูปแบบคำสั่ง

                  

.............ข้อความ ..........

ตำแหน่งการจัดวางข้อความได้แก่

             LEFT = ซ้าย      CENTER = กึ่งกลาง      RIGHT=ขวา      JUSTIFY=จัดเต็มพื้นที่

                เราสามารถจัดเรียงข้อความในแต่ละย่อหน้าของเว็บเพจได้ โดยการกำหนดตำแหน่งในแอทริบิวท์ align (Alignment)
ของแท็ก

ดังนิ้

 ตัวอย่างการใช้แท็ก

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

ผลลัพท์ที่ได้

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

ลองทำดู : คลิก download ไฟล์ ดังภาพ

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

                คำสั่ง

เป็นคำสั่งที่ใช้จัดวางข้อความกึ่งกลางบรรทัดเช่นเดียวกับคำสั่ง

..............

โดยมีรูปแบบการใช้คำสั่งดังนี้

 รูปแบบคำสั่ง

              <CENTER>...................ข้อความ..............

ตัวอย่างการใช้แท็ก

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

ผลลัพท์ที่ได้

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

ลองทำดู : คลิก download ไฟล์ ดังภาพ

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

 
      
      

                คำสั่ง

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

รูปแบบคำสั่ง

               

.................ข้อความ...................

ตัวอย่างการใช้แท็ก

      

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

ผลลัพท์ที่ได้

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

ได้ผลลัพธ์ตามที่จัดรูปแบบใน Notepad

ลองทำดู : คลิก download ไฟล์ ดังภาพ

สร้างเส้นคั่นแนวนอน


               คำสั่ง


เป็นคำสั่งที่ใช้สำหรับตีเส้นคั่น (Horizontal Line) เพื่อแยกเอกสารออกเป็นส่วน ๆ ทำให้ง่ายต่อการ
อ่านและดูเป็นระเบียบมากยิ่งขึ้น และการใช้คำสั่ง
ในการตีเส้นนี้ยังสามารถกำหนดขนาดของเส้นคั่นได้หลายแบบ
ตามที่ต้องการอีกด้วย โดยมีรูปแบบการใช้คำสั่ง ดังนี้

 รูปแบบคำสั่ง

          


ตำแหน่งที่ต้องการใส่เส้นคั่น

            


ตำแหน่งที่ต้องการใส่เส้นคั่น

สำหรับแท็ก


นั้นจะมีแอททริบิวท์กำหนดคุณสมบัติของเส้นดังนี้

Attribute

คำอธิบาย

width

กำหนดความยาวของเส้น มีหน่วนเป็นพิกเซล

Size

กำหนดความหนาของเส้น มีหน่วนเป็นพิกเซล

Noshade

กำหนดให้เป็นเส้นคั่นสีเดียวทั้งเส้น

align

กำหนดตำแหน่งของเส้นให้อยู่ตามตำแหน่งที่ระบุ
Left=ชิดซ้าย  Right=ชิดขวา  Center= กึ่งกลาง

ตัวอย่างกำหนดเส้นคั่นแบบต่างๆ

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

ผลลัพท์ที่ได้

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

ผลลัพธ์เส้นคั่นแบบต่างๆ

ลองทำดู : คลิก download ไฟล์ ดังภาพ

เพิ่มหมายเหตุเตือนความจำ

                 เราควรเขียนหมายเหตุไว้ในส่วนต่างๆของโปรแกรม เพื่ออธิบายการทำงานของโปรแกรม เพราะเราอาจหลงลืม
โปรแกรมที่เราเขียนขึ้น หรือต่อส่งต่อให้ผู้อื่นไปทำการปรับปรุงแก้ไข หมายเหตุจะปรากฏในโปรแกรมที่เราเขียนเท่านั้น จะไม่ถูกนำมาแสดงเมื่อเปิดดูทางเบราเซอร์

 รูปแบบคำสั่ง

                    วางอยู่ในตำแหน่งใดก็ได้ในโปรแกรม

ตัวอย่างการใส่หมายเหตุเตือนความจำ

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

ผลลัพท์ที่ได้

หากต้องการจัดตำแหน่งกึ่งกลางต้องใช้คำสั่งใด

จะเห็นว่าข้อความที่เขียนภายใน จะไม่ปรากฏให้เห็นบนหน้าจอ

ลองทำดู : คลิก download ไฟล์ ดังภาพ

หากต้องการจัดข้อความกึ่งกลางบรรทัดต้องใช้คำสั่งใด

คำสั่ง <CENTER> เป็นคำสั่งที่ใช้จัดวางข้อความกึ่งกลางบรรทัดเช่นเดียวกับคำสั่ง <P ALIGN = CENTER>..............

คำสั่งที่จัดให้ข้อความอยู่กึ่งกลางหน้าจอคือคำสั่งใด

</center> คำอธิบาย : คำสั่งนี้ใช้เมื่อเราต้องการทำให้ตัวอักษร, ภาพ หรือตาราง ให้อยู่ตรงกลางของจอภาพ โดย ให้นำคำสั่งข้างต้นไปคร่อม ข้อความ,ภาพ, หรือตาราง นั้นไว้ อย่างเช่น ต้องการแต่งคำว่า "สุระ วรรณแสง" ให้อยู่ตรงกลาง ให้ทำดังนี้ : <center> สุระ วรรณแสง</center> ผลลัพธ์ที่ได้คือ สุระ วรรณแสง

คำสั่ง เป็นคำสั่งใช้ทำอะไร

3.1 การขึ้นบรรทัดใหม่ (Break) คำสั่งแรกในการจัดรูปแบบเอกสาร ในภาษา HTML คือ การขึ้นบรรทัดใหม่ จะใช้คำสั่ง <br> จะให้ผลเสมือนการกด Enter บนคีย์บอร์ด คำสั่ง <br> ส่วนใหญ่มักนิยมจะวางไว้ในตำแหน่งสุดท้ายของประโยค โดยต้องการให้แสดงผลประโยคใหม่ในบรรทัดต่อมา คำสั่ง <br> จะเป็นคำสั่งที่ไม่ต้องมีคำสั่งปิด (Single Tag)

คำสั่ง Center คืออะไร

<CENTER> ข้อความ </CENTER> คำสั่งจัดให้ข้อความอยู่กึ่งกลาง <HTML> </HTML> คำสั่ง <HTML> คือคำสั่งเริ่มต้นในการเขียนโปรแกรม HTML และมีคำสั่ง </HTML> เพื่อบอกจุดสิ้นสุดโปรแกรม