เค้าโครงเนื้อหา  

  [..กลับไปหน้าหลัก..]

3.1 การขึ้นบรรทัดใหม่
3.2 การจัดย่อหน้า
3.3 การจัดตำแหน่งในหน้าเอกสาร
3.4 การเว้นวรรค
3.5 เส้นคั่นในแนวนอน
 
บทเรียน

หน่วยการเรียนที่ 1
ความรู้พื้นฐานทาง HTML

หน่วยการเรียนที่ 2
การจัดรูปแบบตัวอักษร

หน่วยการเรียนที่ 3
การจัดรูปแบบเอกสาร
หน่วยการเรียนที่ 4
การใส่รูปภาพ
หน่วยการเรียนที่ 5
การกำหนดพื้นหลัง
หน่วยการเรียนที่ 6
การเชื่อมโยงข้อมูล

หน่วยการเรียนที่ 7
การสร้างตาราง

หน่วยการเรียนที่ 8
การ Upload ข้อมูล

 

 

หน้าที่ 3/5
 back : next
 

3.3 การจัดตำแหน่งในหน้าเอกสาร

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

การจัดตำแหน่งของเอกสารเพื่อการแสดงผลทางจอภาพ จะใช้คำสั่ง <p> และตามด้วยคุณสมบัติ (attribute) align ดังนี้

<p align="left/right/center"> ข้อความ/รูปภาพ </p>

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

       align = "left"      การกำหนดค่าของการจัดตำแหน่งการแสดงผลอยู่ทางซ้าย
       align = "right"    การกำหนดค่าของการจัดตำแหน่งการแสดงผลอยู่ทางขวา
       align = "center" การกำหนดค่าของการจัดตำแหน่งการแสดงผลอยู่ตรงกลาง

       ทดสอบการจัดตำแหน่ง

 
 

 

       ในการจัดตำแหน่งการแสดงผลข้อความหรือรูปภาพให้อยู่กึ่งกลางของจอภาพ สามารถกำหนดด้วยคำสั่ง center ได้ จะแสดงผลเช่นเดียวกับคำสั่ง <p align="center"> เขียนคำสั่งดังนี้

<center>..ข้อความ/รูปภาพ..</center>

 

หมายเหตุ ใน tag คำสั่ง ไม่ต้องใส่ เครื่องหมาย  "...." ก็ได้

หน้าที่ 3/5
 back : next

กลับไปหน้าแรก I แนะนำรายวิชา I วิธีการเรียน I เนื้อหาบทเรียน I แบบฝึกหัด I ติดต่อผู้สอน