จัดตำแหน่งข้อความ ใน HTML
ในการกำหนดตำแหน่งในภาษา HTML สามารถกำหนดได้หลายรูปแบบ ทั้งแบบกำหนดเป็นแท็ก และการกำหนดเป็น Attribute ของแท็ก โดยมีรูปแบบดังนี้คับ
- การกำหนดให้อยู่ตำแหน่งกึ่งกลางด้วยแท็ก Center <center> …ข้อความ…</center>
- . การกำหนดตำแหน่งโดยใช้ Attribute ของแท็ก <p> โดยใช้ Attribute align รูปแบบดังนี้
<p align = “ตำแหน่ง”> …ข้อความ…</p>
ตำแหน่งที่สามารถระบุได้ คือ left center หรือ right
ตัวอย่างคับ
<html></div> <div><head><title> ....การจัดตำแหน่งข้อความ....</title></head></div> <div><body></div> <div><center><font size = "4"> ข้อความนี้อยู่กึ่งกลาง</font></center><br></div> <div><p align = "left"><font size = "4"> ข้อความชิดซ้าย </font></p><br></div> <div><p align = "center"><font size = "4"> ข้อความนี้อยู่กึ่งกลาง </font></p><br></div> <div><p align = "right"><font size = "4"> ข้อความนี้ชิดขวา </font></p><br></div> <div></body></div> <div id="_mcePaste"></html>
ผลัพธ์ที่ได้คับ
ตัวอย่างการจัดตำแหน่งข้อความ
นอกจาก คำสั่ง align ทั้งสามแบบแล้ว ยังมีการจัดตำแหน่งอีกแบบ นั่นก็คือ <p align=”justify”>….</p> นิยมใช้จัดข้อความที่เป็นเนื้อหาเยอะ ๆ เพื่อให้มีการจัดข้อความอัตโนมัติ โดยข้อความที่จัดด้วยรูปแบบนี้ ข้อความทั้งซ้ายและขวา จะชิดขอบทั้งสองด้าน ทำให้ดูเป็นระเบียบ ถ้าอยากรู้ว่าผลลัพธ์ที่จะแสดงออกมานั้นเป็นยังไง ก็ต้องลองเอาไปทำดูกันนะคับ
