Home » , , , , , , , , » การจัดตำแหน่งข้อความ
วันอังคารที่ 22 กรกฎาคม พ.ศ. 2557
undefined

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

:: การจัดตำแหน่งข้อความ
ลองเขียนโค้ดมาก็หลายโค้ดแล้วนะค่ะ แต่โค้ดที่ผ่านมาแบบไหน ๆ ก็แสดงข้อความที่ตำแหน่งชิดซ้ายของหน้าจอเสมอ อยากเปลี่ยนตำแหน่งการวางข้อความบ้าง ต้องเขียนโค้ดอย่งไร ในบทความนี้ Webmaster มีคำตอบ (แท็ก) มาฝากค่ะ
ในการกำหนดตำแหน่งในภาษา HTML สามารถกำหนดได้หลายรูปแบบค่ะ ทั้งแบบกำหนดเป็นแท็ก และการกำหนดเป็น Attribute ของแท็กค่ะ โดยมีรูปแบบดังนี้ค่ะ
           1. การกำหนดให้อยู่ตำแหน่งกึ่งกลางด้วยแท็ก Center  <center> ...ข้อความ...</center>
           2. การกำหนดตำแหน่งโดยใช้ Attribute ของแท็ก <p> โดยใช้ Attribute align รูปแบบดังนี้ 
                       <p align = "ตำแหน่ง"> ...ข้อความ...</p>
               ตำแหน่งที่สามารถระบุได้ คือ left center หรือ right
 รูปแบบการจัดตำแหน่งข้อความ

  <html>
  <head><title> ....การจัดตำแหน่งข้อความ....</title></head>
       <body>
               <center><font size = "2"> ข้อความนี้อยู่กึ่งกลาง</font></center><br>
               <p align = "left"><font size = "2"> ข้อความชิดซ้าย </font></p><br>
               <p align = "center"><font size = "2"> ข้อความนี้อยู่กึ่งกลาง </font></p><br>
               <p align = "right"><font size = "2"> ข้อความนี้ชิดขวา </font></p><br>
        </body>
  </html>
นอกจาก คำสั่ง align ทั้งสามแบบแล้ว ยังมีการจัดตำแหน่งอีกแบบหนึ่งค่ะ นั้นก็คือ <p align="justify">....</p>นิยมใช้จัดข้อความที่เป็นเนื้อหาเยอะ ๆ เพื่อให้มีการจัดข้อความอัตโนมัติ โดยข้อความที่จัดด้วยรูปแบบนี้ ข้อความทั้งซ้ายและขวา จะชิดขอบทั้งสองด้าน ทำให้ดูเป็นระเบียบค่ะ ตัวอย่างที่จัดด้วยรูปแบบนี้ ดูได้จาก การจัดตำแหน่ง ณ ข้อความที่ึุคุณกำลังอ่านอยู่ค่ะ (เนื้อหาที่เป็นข้อความเยอะ ๆ ในเว็บ thainextstep.com จัดด้วยรูปแบบนี้ทั้งหมดค่ะ)

0 ความคิดเห็น:

แสดงความคิดเห็น

Popular Posts

  • รวมโค้ดสี
  • HTML Basic : โค้ดง่ายๆ
    Hypertext Markup Language โครงสร้าง <html> <head> <title>.........</title> </head> <body> </body> ...
  • ทำความรู้จัก Search Engine
    ทำความรู้จัก Search Engine บทที่แล้วได้เกริ่นไปกี่ยวกับ SEO และเมื่อพูดถึง SEO หากจะไม่พูดถึงเรื่องของ Search Engine ก็คงกะไรอยู่ เพราะว่ามี...
  • เริ่มต้น SEO ด้วยการใส่ Meta Tag
    เริ่มต้น SEO ด้วยการใส่ Meta Tag การใส่แท็ก Meta วิธีเริ่มต้นสำหรับการทำ SEO ให้กับเว็บไซต์ ทำได้ง่าย ๆ แค่ใส่แท็ก Meta ให้เว็บไซต์ เว็บไซต์...
  • การใส่คำอธิบายให้รูปภาพ
    การใส่คำอธิบายให้รูปภาพ โดยใช้โปรแกรม Dreamweaver การใส่คำอธิบายให้รูปภาพ ก็คือการใส่คำสั่ง ALT Tag ในภาษา HTLM นั่นเอง และเราสามารถใช้โปรแ...
  • การจัดรูปแบบข้อความ
    ::  การจัดรูปแบบข้อความ สำหรับบทความนี้ก็ยังคงเกี่ยวข้องกับข้อความ เป็นบทความที่ต่อเนื่องมาจากบทความที่แล้ว ในบทความนี้เราจะมาจัดรูปแบบขอ...
  • Banner มาตรฐาน
    รู้เรื่อง Banner มาตรฐาน ตามเว็บไซต์ต่าง ๆ สิ่งที่เราจะเห็นบ่อย ๆ และเกือบทุก ๆ เว็บต้องมีก็คือ Banner หรือป้าย ซึ่งมีอยู่มากมาย จนบางเว็บอา...
  • การสร้างตาราง
    ::  การสร้างตาราง จากบทความในบทที่ผ่าน ๆ มา ในเรื่องของการจัดตำแหน่งของข้อความ จะเห็นได้ว่าถึงแม้เราจะสามารถจัดตำแหน่งได้แล้ว แต่การจัดตำ...
  • ลงโปรแกรมโปรแกรม Appserv
    ::  โปรแกรม Appserv โปรแกรมสำหรับจำลองเครื่องเป็น Server ในบทความนี้เราจะมาทำการติดตั้งโปรแกรม Appserv กันค่ะ ขั้นตอนแรกให้เราไปทำการหาโป...
  • Operator สำหรับการดำเนินการในภาษา PHP
    Operator สำหรับการดำเนินการในภาษา PHP ในบทความก่อนหน้านี้เราได้เรียนรู้เกี่ยวกับโอเปอเรเตอร์ที่ใช้ในการเปรียบเทียบ และในบทความเรื่องการใช้ W...
 
Copyright © 2015 สอนทำเว็บไซต์ ง่ายนิดเดี่ยว