บทที่ 4 คำสั่งในการกำหนดลักษณะ ตัวอักษร Font

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

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

คำสั่งเราจะแบ่งได้เป็น 2 พวกดังนี้

1.แบ่งตามลักษณะที่ปรากฏ เช่นตัวเอียง ตัวหนา


ใช้เน้นข้อความ คำพูดหรือวลี (emphasized)
ใช้เน้นข้อความที่สำคัญมากๆ (strong)
ใช้เน้นข้อความที่แก้ไขเพิ่มเติม (inserted)
ใช้บอกว่าข้อความนี้ถูกลบไปแล้ว (deleted)
ใช้บอกว่าข้อความที่เป็นโปรแกรม (computer code)
ใช้บอกว่าข้อความที่เป็นที่อยู่ (computer code)



ซึ่งจริงแล้วนั้น ผลลัพธ์ออกมาก็เหมือนกัน เช่น B ให้ผลลัพธ์เหมือนกับ Strong เราจะเลือกใช้แบบใดก็ได้ แต่เราแยกเพื่อความสะดวกในการใช้งานมากกว่า

2.คำสั่งที่ทำให้รูปแบบตัวอักษรใน soure code เหมือนกับที่แสดงผล
Pre tag จะมีประโยชน์มากในการที่เราจะแสดงบทความที่มีเนื้อหามาก หรือ คัดลอกเนื้อหาจากที่อื่นมาทำให้เราไม่ต้องขึ้นบรรทัดใหม่ด้วยคำสั่ง br และใช้ในการแสดง source code ได้ดีอีกด้วย

รูปแบบของ Pre tag

..... 


3.คำสั่งแสดงสัญลักษณ์พิเศษต่างๆ
สัญลักษณ์พิเศษบางตัวเช่น เครื่องหมายมากว่า (>) หรือ เครื่องหมายน้อยกว่า (<) ซึ่งเครื่องหมายเหล่านี้ใช้ในภาษา HTML ด้วยทำให้ตัวอักษรที่อยู่ในเครื่องหมายเหล่านี้กลายเป็น Tag หมด หรือเครื่องหมายที่ไม่มีบนคีบอร์ด แต่ถ้าเราต้องการแสดงเครื่องหมายเหล่านี้เราต้องใช้ Entity Name แทน