บทเรียนออนไลน์ การเขียนเว็บไซต์ด้วยภาษา HTML : ครูนุ่ม พิชชยานาฏ รีรักษ์ :

แบบฝึกปฏิบัติที่ 4
การกำหนด Font และแบบของตัวอักษร


จุดประสงค์
            1. อธิบายรูปแบบคำสั่งที่ใช้ในการกำหนด Font ในภาษา HTML
            2. สามารถใช้คำสั่งในการกำหนด Font ในภาษา HTML

คำสั่ง - ให้นักเรียนพิมพ์ตัวอย่างโปรแกรมนี้ บันทึกแฟ้มข้อมูลชื่อ ex4.html
ให้นักเรียนพิมพ์โปรแกรมนี้ และบันทึกแฟ้มเอกสารชื่อ ex4.html แสดงผลลัพธ์ที่บราวเซอร์
และสังเกตแบบตัวอักษรที่ได้
<HTML>
<HEAD>
<TITLE> การกำหนด (font) แบบตัวอักษร </TITLE>
</HEAD>
<BODY>
<FONT FACE= “AngsanaUPC”>นี่คือ font แบบ AngsanaUPC </FONT><BR>
<FONT FACE=“JasmineUPC”>นี่คือ font แบบ JasmineUP </FONT>C <BR>
<FONT FACE=“IrisUPC”>นี่คือ font แบบ IrisUPC </FONT><BR>
</BODY> </HTML>

ex5.html
<HTML> <HEAD> <TITLE> การกำหนดลักษณะและแบบตัวอักษร</TITLE> </HEAD>
<BODY>
<B> นี่คือตัวอักษรแบบตัวหนา</B>
<P> <I> นี่คือตัวอักษรแบบตัวเอียง</I>
<P> <S> นี่คือตัวอักษรแบบขีดฆ่า</S>
<P> <U> นี่คือตัวอักษรแบบขีดเส้นใต้</U>
<P> ข้อความแบบยกกำลัง Super Script E=MC<SUP>2</SUP>
<P> ข้อความแบบตัวห้อย Sub Script H<SUB>2</SUB>O<P>
</BODY>
</HTML>
อธิบายคำสั่ง
<FONT FACE= “ชื่อฟ้อนต์ที่ใช้”>
เป็นคำสั่งที่ใช้กำหนดฟ้อนต์ที่จะใช้ในเว็บเพจ
</FONT>
เป็นคำสั่งปิดที่ต้องใช้คู่กันเสมอ
ฝึกปฏิบัติ เมื่อเสร็จแล้วให้นักเรียนพิมพ์ประวัติของตัวเองด้วยรูปแบบตัวอักษรที่
นักเรียนต้องการประมาณ 6-7 บรรทัด และบันทึกแฟ้มเอกสารชื่อ ex5.html