บทเรียนดิจิตอล

การตกแต่งข้อความ

แท็กที่ใช้ตกแต่งข้อความเพื่อเน้นคำ หรือข้อความสั้นๆ หรือให้ดูสวยงาม มาตรฐาน HTML 4.0 มีแท็กสำหรับใช้ตกแต่งข้อความมากมาย ทำได้แทบจะครบทุกรูปแบบ และสามารถแบ่งออกเป็น 2 กลุ่มใหญ่ คือ

Logical Format - เป็นแท็กที่มีชื่อที่สื่อความหมาย ซึ่งเบราเซอร์แต่ละยี่ห้อจะแปลแท็กเหล่านี้ต่างกัน และให้ผลเป็นเว็บเพจที่มีหน้าตาต่างกัน แต่ก็แตกต่างกันไม่มากนัก โดยยังคงให้ผลใกล้เคียงกับชื่อของแท็กนั้นๆ เช่น หมายถึงข้อความที่ต้องการเน้นเป็นพิเศษ ซึ่งเว็บเบราเซอร์อาจจะแสดงเป็นตัวหนา หรือตัวเอียงก็ได้ ขึ้นกับเบราเซอร์แต่ละตัว และการกำหนดสไตล์ชีท
Fixical Format - แท็กที่กำหนดลักษณะตายตัว ทุกเบราเซอร์จะแปลความหมายแท็กเหล่านี้เหมือนกันหมด เว็บเพจที่ได้จึงเหมือนกัน เช่น หมายถึงข้อความแบบตัวหนา

การกำหนดตัวอักษรให้มีความหนา

..........

ใช้กำหนดข้อความที่อยู่ภายในคำสั่ง ให้แสดงผลด้วยตัวอักษรแบบตัวหนา (bold) มีจุดประสงค์เพื่อเน้นข้อความในประโยคนั้น

<HTML>
<HEAD>
 <TITLE>การกำหนดตัวหนา</TITLE>
</HEAD>
<BODY>
 ตัวอักษรปรกติ COMPUTER
 ตัวอักษรหนา COMPUTER
</BODY>
</HTML>

การกำหนดตัวอักษรให้ขีดเส้นใต้

..........

ใช้แสดงข้อความแบบขีดเส้นใต้ (underline) ทั้งนี้เพื่อเน้นข้อความในประโยคนั้น

<HTML>
<HEAD>
 <TITLE>การกำหนดการขีดเส้นใต้</TITLE>
</HEAD>
<BODY>
 ตัวอักษรปกติ COMPUTER
 ตัวอักษรที่ขีดเส้นใต้ COMPUTER
</BODY>
</HTML>

หมายเหตุ แท็กนี้ไม่นิยมใช้เนื่องจากอาจก่อให้เกิดความสับสนกับข้อความที่เป็นจุดลิงก์ได้

การกำหนดตัวอักษรให้มีการเอน

..........

ใช้กำหนดข้อความที่อยู่ภายในคำสั่งให้แสดงผลด้วยตัวอักษรแบบเอน (Italic) มีจุดประสงค์เพื่อเน้นข้อความในประโยคนั้น

<HTML>
<HEAD>
 <TITLE>การกำหนดอักษรเอน</TITLE>
</HEAD>
<BODY>
 ตัวอักษรปกติ COMPUTER
 ตัวอักษรเอน COMPUTER
</BODY>
</HTML>

การกำหนดตัวอักษรกระพริบ

ใช้กำหนดแสดงข้อความแบบกระพริบ จะมีลักษณะการแสดงผลเป็นแบบติด - ดับ สลับกันไป

<HTML>
<HEAD>
 <TITLE>การกำหนดตัวอักษรกระพริบ</TITLE>
</HEAD>
<BODY text="red">
 <Blink>COMPUTER</Blink>
 แสดงผลได้เฉพาะบน Netscape
</BODY>
</HTML>

หมายเหตุ ในการกำหนดตัวอักษรกระพริบนั้น เราไม่สามารถเปิดในโปรแกรมเว็บเบราเซอร์ที่เป็น Internet Explorer ได้

การกำหนดรูปแบบของตัวอักษร

..........

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

ฟอนต์สำหรับข้อความภาษาไทย/อังกฤษ ที่เหมาะสมได้แก่ MS Sans Serif, Microsoft Sans Serif, Thonburi
ฟอนต์สำหรับข้อความภาษาอังกฤษที่เหมาะสม คือ Arial, Helvetica, sans-serif

<HTML>
<HEAD>
 <TITLE>FONT FACE </TITLE>
</HEAD>
<BODY>
 ชนิดของฟอนต์ปกติ 
 ฟอนต์ชื่อ MS Sans Serif
</BODY>
</HTML>

ผลลัพธ์

ชนิดของฟอนต์ปกติ

ฟอนต์ชื่อ MS Sans Serif