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

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

:: การจัดตำแหน่งข้อความ
ลองเขียนโค้ดมาก็หลายโค้ดแล้วนะค่ะ แต่โค้ดที่ผ่านมาแบบไหน ๆ ก็แสดงข้อความที่ตำแหน่งชิดซ้ายของหน้าจอเสมอ อยากเปลี่ยนตำแหน่งการวางข้อความบ้าง ต้องเขียนโค้ดอย่งไร ในบทความนี้ 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

  • รวมโค้ดสี
  • เริ่มต้น SEO ด้วยการใส่ Meta Tag
    เริ่มต้น SEO ด้วยการใส่ Meta Tag การใส่แท็ก Meta วิธีเริ่มต้นสำหรับการทำ SEO ให้กับเว็บไซต์ ทำได้ง่าย ๆ แค่ใส่แท็ก Meta ให้เว็บไซต์ เว็บไซต์...
  • ทำความรู้จัก Search Engine
    ทำความรู้จัก Search Engine บทที่แล้วได้เกริ่นไปกี่ยวกับ SEO และเมื่อพูดถึง SEO หากจะไม่พูดถึงเรื่องของ Search Engine ก็คงกะไรอยู่ เพราะว่ามี...
  • การใส่สี Background
    การใส่สี Background ให้กับเว็บเพจ บทความนี้เป็นบทความ Basic ของการใช้โปรแกรม Dreamweaver เกี่ยวกับการใส่สีสันให้กับหน้าเว็บเพจ โดยการกำหนดสี...
  • การกำหนดลักษณะีข้อความในเอกสาร HTML
    ::  การกำหนดลักษณะีข้อความในเอกสาร HTML จากในบทที่ 2 เรื่องโครงสร้างภาษา HTML เราได้ทำการใส่ข้อความลงในโฮมเพจแล้ว ในส่วนระหว่างแท็ก <b...
  • Social Bookmark คืออะไร
    Social Bookmark คืออะไร การทำ SEO นั้น เราจะต้องทำทั้งแบบ On Page และ Off Page สำหรับบทความนี้ Webmaster ก็ขอแนะนำช่องทางหนึ่งในการทำ SEO แบ...
  • การใส่ Head และ Bold Text
    การใส่ Head และ Bold Text การปรับแต่งเอกสาร โดยการกำหนด Head และ Bold Text ให้กับ Content เพื่อเพิ่มความสำคัญให้กับส่วนสำคัญของ Content หรื...
  • การตรวจเช็คค่า Google Pagerank (PR)
    การตรวจเช็คค่า Google Pagerank (PR) บทความนี้เราจะมาดูวิธีการเช็คค่า Google Pagerank (PR) ของเว็บไซต์แต่ล่ะเว็บ โดยวิธีการเช็คก็ง่ายแสนง่าย ...
  • การปรับแต่งเอกสาร HTML
    ::  การปรับแต่งเอกสาร HTML การปรับแต่งเอกสารในที่นี้ จะหมายถึงการใส่สีสันให้กับเอกสาร HTML ในส่วนของการใส่พิ้นหลัง (Background) ให้โฮมเพจ...
  • DoFollow, NoFollow
    ความแตกต่างระหว่างการลิงค์แบบ DoFollow, NoFollow และ Redirect ในการโปรโมทเว็บไซต์ ไม่ว่าจะผ่านช่องทางใดก็แล้วแต่ นอกจากการพิจารณาเรื่องปริม...
 
Copyright © 2015 สอนทำเว็บไซต์ ง่ายนิดเดี่ยว