พื้นฐาน HTML ตอนจัดข้อความ

html-p-style

ทำยังไงให้เว็บดูดี น่าอ่าน

สำหรับบทความนี้ จะมาแนะนำการจัดข้อความในการแสดงผลบนหน้าเว็บ ให้ดูสวยงาม อ่านง่า่ยขึ้น ด้วยคำสั่งง่ายๆ โดยเฉพาะกับเว็บไซต์ที่มีข้อความจำนวนมากๆ เคยเห็นหลายๆ เว็บไซต์ ที่ใส่ข้อความเรียงติดต่อกันแทบจะเกือบทั้งหน้า ไม่มีการย่อหน้า ไม่มีการขึ้นบรรทัดใหม่ ผลลัพธ์ก็คง ปวดหัว ตาลายไปหมด ท้ายสุดก็คือ เข้าเว็บไซต์อื่นดีกว่า เหตุการณ์อย่างนี้ คุณคงไม่อยากให้เกิดกับเว็บไซต์คุณ ใช่หรือเปล่า?

ทิปนี้ เรียกว่า จัดอย่างไรให้ข้อความน่าอ่าน คำสั่งนี้ สามารถใช้กับ PHP ได้ด้วยน่ะครับ ไม่ใช่แค่ภาษา HTML เท่านั้น

วิธีการการจัดข้อความบนเว็บ

แนะนำให้ใช้คำสั่ง หรือ แท็ก <p> น่ะครับ สำหรับรูปแบบคำสั่งประกอบด้วย

<p> ข้อความ และปิดท้ายด้วย </p>

คำสั่งจัดด้านหน้าและหลังตรงกัน

รูปแบบคำสั่ง <p style=”text-align: justify;”> .. </p>

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

คำสั่งจัดด้านหลังตรงกัน

รูปแบบคำสั่ง <p style=”text-align: right;”> .. </p>

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

คำสั่งจัดด้านหน้าตรงกัน

รูปแบบคำสั่ง?<p style=”text-align: left;”> .. </p>

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

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

Avatar
About Mr. ONE - Admin 1540 Articles
ทำงานด้านไอทีโดยเฉพาะ ชอบเทคโนโลยีเป็นชีวิตจิตใจ ชอบขีดๆ เขียนๆ โดยเฉพาะเขียนข้อมูลเกี่ยวกับการใช้คอมพิวเตอร์ โปรแกรม มีประสบการณ์การเขียนหนังสือคอมพิวเตอร์ เขียนแบบเรียนระบบสารสนเทศทางด้านโรงแรม