หน่วยที่ 4 การตกแต่งข้อความ

คำสั่งกำหนดแบบอักษรและการกำหนดขนาดอักษร   

การกำหนดแบบตัวอักษร (Font)
ในเอกสาร HTML ถ้าเราไม่ได้กำหนดแบบตัวอักษรเมื่อแสดงบนบราวเซอร์จะแสดงตัวอักษรที่เป็นค่าพื้นฐาน (Default) หากเราต้องการกำหนดแบบตัวอักษรเอกสามารถทำได้โดยใช้ Tag<font>รูปแบบคำสั่ง HTML ในการกำหนดแบบตัวอักษร
<FONT FACE= “ชื่อแบบตัวอักษรที่ใช้”>ข้อความ
</FONT>
ตัวอย่างคำสั่งการกำหนดแบบตัวอักษร (Font)
<FONT FACE = “AngsanaUPC”>แสดงตัวอักษรแบบAngsanaUPC</FONT>
<FONT FACE =“CordiaUPC”>แสดงตัวอักษรแบบCordiaUPC</FONT>
<FONT FACE =“BrowallaiUPC”>แสดงตัวอักษรแบบBrowallaiUPC</FONT>
ผลลัพธ์ที่ได้
แสดงตัวอักษรแบบAngsanaUPC
แสดงตัวอักษรแบบCordiaUPC
แสดงตัวอักษรแบบBrowallaiUPC
การกำหนดขนาดตัวอักษรถ้าไม่กำหนดขนาดให้เมื่อนำเอกสาร HTML ไปแสดงบนบราวเซอร์ขนาดของตัวอักษรจะถูกกำหนดเป็นค่าพื้นฐานหากต้องการกำหนดเองก็สามารถทำได้โดยขนาดของตัวอักษรจะมี 7 ขนาดคือ 1 – 7 โดยจะเรียงจากเล็กไปใหญ่รูปแบบคำสั่ง HTML ในการกำหนดขนาดตัวอักษร<FONT SIZE= “ขนาดตัวอักษรที่ต้องการ”>ข้อความ</FONT>
ตัวอย่างคำสั่ง
<FONT SIZE=“7”>นี่คือขนาดตัวอักษรเท่ากับ 7 </FONT>
<FONT SIZE=“6”>นี่คือขนาดตัวอักษรเท่ากับ 6 </FONT>
<FONT SIZE=“5”>นี่คือขนาดตัวอักษรเท่ากับ 5 </FONT>
<FONT SIZE=“4”>นี่คือขนาดตัวอักษรเท่ากับ 4 </FONT>
<FONT SIZE=“3”>นี่คือขนาดตัวอักษรเท่ากับ 3 </FONT>
<FONT SIZE=“2”>นี่คือขนาดตัวอักษรเท่ากับ 2 </FONT>
<FONT SIZE=“1”>นี่คือขนาดตัวอักษรเท่ากับ 1 </FONT>
ผลลัพธ์ที่ได้นี่คือขนาดตัวอักษรเท่ากับ 7
นี่คือขนาดตัวอักษรเท่ากับ 6
       นี่คือขนาดตัวอักษรเท่ากับ 5
นี่คือขนาดตัวอักษรเท่ากับ 4
นี่คือขนาดตัวอักษรเท่ากับ 3
นี่คือขนาดตัวอักษรเท่ากับ 2

                                          นี่คือขนาดตัวอักษรเท่ากับ 1