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

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

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

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

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

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

1. คำสั่งที่ใช้ในการจัดลักษณะตัวอักษร
ในหัวข้อนี้จะเป็นคำสั่งที่ใช้ในการจัดรูปแบบทั่วไปเช่นตัวเอียง ตัวหนา คำสั่งเราจะแบ่งได้เป็น 2 พวกดังนี้

1.1. แบ่งตามลักษณะที่ปรากฏ เช่นตัวเอียง ตัวหนา

1.2. แบ่งตามการใช้งาน เช่น ใช้กับคำพูดหรือวลี ใช้กับข้อความที่สำคัญมาก

บรรทัดที่ 1 

บรรทัดที่ 2 

บรรทัดที่ 3 

B ให้ผลลัพธ์เหมือนกับ Strong เราจะเลือกใช้แบบใดก็ได้ ให้ผลลัพท์เหมือนกันแต่อาจจะมีความหมายในการใช้งานที่ต่างกัน

คลิกเพื่อทดลองเขียนด้วยตัวเอง

2. คำสั่งที่ทำให้รูปแบบตัวอักษรใน soure code เหมือนกับที่แสดงผล
Pre tag จะมีประโยชน์มากในการที่เราจะแสดงบทความที่มีเนื้อหามาก หรือ คัดลอกเนื้อหาจากที่อื่นมาทำให้เราไม่ต้องขึ้นบรรทัดใหม่ด้วยคำสั่ง br และใช้ในการแสดง source code ได้ดีอีกด้วย

รูปแบบของ Pre tag

 ..... 
คลิกเพื่อทดลองเขียนด้วยตัวเอง
3. คำสั่งแสดงสัญลักษณ์พิเศษต่างๆ
สัญลักษณ์พิเศษบางตัวเช่น เครื่องหมายมากว่า (>) หรือ เครื่องหมายน้อยกว่า (<) ซึ่งเครื่องหมายเหล่านี้ใช้ในภาษา HTML ด้วยทำให้ตัวอักษรที่อยู่ในเครื่องหมายเหล่านี้กลายเป็น Tag หมด หรือเครื่องหมายที่ไม่มีบนคีบอร์ด แต่ถ้าเราต้องการแสดงเครื่องหมายเหล่านี้เราต้องใช้ Entity Name แทน ตามแบบด้านล่าง
CharacterEntityName©©COPYRIGHT SIGN®®REGISTERED SIGN™™TRADE MARK SIGN>>GREATER-THAN SIGN<<LESS-THAN SIGN;;SEMICOLON&&AMPERSAND""QUOTATION MARK##NUMBER SIGN★★BLACK STAR☆☆WHITE STAR✓✓CHECK MARK✗✗BALLOT X SPACE←←LEFTWARDS ARROW↑↑UPWARDS ARROW→→RIGHTWARDS ARROW↓↓DOWNWARDS ARROW€€EURO SIGN▽▽WHITE DOWN-POINTING TRIANGLE∑∑N-ARY SUMMATION№№NUMERO SIGN℗℗SOUND RECORDING COPYRIGHT

list tag ใช้ในการจัดข้อมูลเป็นชุดๆ หรือเป็นหัวข้อ 



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

     หัวข้อ
    
 ข้อมูล 1
    
 ข้อมูล 2

คลิกเพื่อทดลองเขียนด้วยตัวเอง
2. list แบบมีลำดับ
เป็น list แบบง่ายดีสุดเหมาะสำหรับการนำเสนอข้อมูลที่ไม่มีลำดับเกี่ยวข้อง โดยมีรูปแบบดังนี้
รูปแบบ list แบบมีลำดับ

     หัวข้อ
    
 ข้อมูล 1
    
 ข้อมูล 2

คลิกเพื่อทดลองเขียนด้วยตัวเอง



3. การใส่สัญลักษณ์ให้กับ list
การใส่สัญลักษณ์ให้กับ list เราจะเห็นสัญลักษณ์หน้า list อยู่แล้วซึ่งสัญลักษณ์ตัวนั้นสามารถเปลี่ยนแปลงได้โดยใช้ Attibuet คำสั่ง type มีรายละเอียดดังนี้

สัญลักษณ์ที่ใช้กับแบบไม่มีลำดับ
TYPEสัญลักษณ์discวงกลมทึบcircleวงกลมโปร่งใสsquareสี่เหลี่ยมทึบ
สัญลักษณ์ที่ใช้กับแบบมีลำดับ
TYPEสัญลักษณ์Aเรียงแบบ A,B,Caเรียงแบบ a,b,cIเรียงแบบเลขโรมัน I,II,IIIiเรียงแบบเลขโรมัน i,ii,iii
คลิกเพื่อทดลองเขียนด้วยตัวเอง
4. การใช้ list ซ้อน list
ในตัวอย่างจะเป็นการทำ list ซ้อน list ซึ่ง html จะเปลี่ยนสัญลักษณ์ให้อัตโนมัติ
คลิกเพื่อทดลองเขียนด้วยตัวเอง
5. list แบบให้คำจำกัดความ
Definition list เป็น list ที่ใช้กับการให้คำจำกัดความ ดังตัวอย่าง
คลิกเพื่อทดลองเขียนด้วยตัวเอง
list เป็นคำสั่งที่ใช้สำหรับการแสดงข้อมูลเป็นชุดๆ ซึ่งจะสะดวกและ อ่านข้อมูลได้ง่าย เป็นทางเลือกทางหนึ่งที่ดีในการใช้แสดงบทความ 
 

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

 เมื่อต้องการจัดแนวข้อความชิดซ้าย ให้กด Ctrl+L. เมื่อต้องการจัดแนวข้อความชิดขวา ให้กด Ctrl+R. เมื่อต้องการจัดกึ่งกลางข้อความ ให้กด Ctrl+E.
		
			
การจัดข้อความชิดซ้ายควรใช้ปุ่มคำสั่งใด
			
การจัดวางตาแหน่งของข้อความในเอกสาร สามารถทาได้ ดังนี้ 1. คลิกย่อหน้าของข้อความในเอกสาร ที่เราต้องการจัดวางตาแหน่ง 2. ที่แท็บหน้าแรก (Home) คลิกเลือกรูปแบบของการจัดวางข้อความ ซึ่งมีรูปแบบให้เลือก ดังนี้ - ถ้าต้องการจัดวางข้อความในเอกสาร ชิดซ้าย ให้คลิก Align Left (จัดชิดซ้าย) - ถ้าต้องการจัดวางข้อความในเอกสาร ชิดขวา ให้ ...