1. ใบงาน
เรื่อง การกําหนดลักษณะตัวอักษรและการปรับขนาดตัวอักษร
วัตถุประสงค์
1. เขียนโค้ด HTML เพื่อกําหนลักษณะตัวอักษรได้
2. เขียนโค้ด HTML ในการปรับขนาดตัวอักษรได้
ขั้นตอนปฏิบัติ
ให้นักเรียนเขียน โค้ด HTML ตามคําสั่งต่อไปนี้ โดยบันทึกชื่อ JOB.HTML ใน D: ชื่อโฟลเดอร์ที่
นักเรียนสร้างจากใบงาน เรื่อง เขียนเว็บเพจเบื้องต้น
1. ที่ Title ให้พิมพ์ให้ใส่คําว่า ทดสอบการจัดรูปแบบตัวอักษรของนักเรียน
2. ที่พื้นหลังให้ใช้รูปภาพเป็นพื้นหลังเว็บเพจ
3. พิมพ์คําว่า ทดสอบการเรียนของนักเรียน เป็นหัวข้อตัวใหญ่ H1 สีตัวอักษร สีแดง แล้วสั่งให้อยู่
กึ่งกลางหน้าจอเว็บเพจ
4. แทรกคําสั่งเส้นคั่นแนวนอน หนา 5 สีเส้น สีนํ้าเงิน ความยาวของเส้นคั่น 100%
ให้นักเรียนจัดตัวอักษร ดังต่อไปนี้
พิมพ์คําว่า ฉันจะตัวหนา แล้วใช้คําสั่งจัดให้เป็นตัวหนา
พิมพ์คําว่า ฉันจะตัวเอียง แล้วใช้คําสั่งจัดให้เป็นตัวเอียง
พิมพ์คําว่า ฉันจะตัวขีดเส้นใต้ แล้วใช้คําสั่งจัดให้เป็นตัวขีดเส้นใต้
พิมพ์คําว่า ฉันจะตัวบาง แล้วใช้คําสั่งจัดให้เป็นตัวบาง
5. แทรกคําสั่งเส้นคั่นแนวนอน หนา 5 สีเส้น สีแดง ความยาวของเส้นคั่น 100%
6. พิมพ์คําว่า นางสาวเรียนดี เพราะขยัน แล้วสั่งให้เป็นชนิดฟอนต์แบบ FreesiaUPC
7. แทรกคําสั่งเส้นคั่นแนวนอน หนา 5 สีเส้น สีส้ม ความยาวของเส้นคั่น 100%
8. ให้นักเรียนจัดตัวอักษรตามรูปแบบที่กําหนดข้างล่างนี้
ราคาสินค้าวันนี้
ราคาสินค้าเครื่องใช้สํานักงาน ปกติ 2500 บาท แต่ขาย 2000 บาท
สูตรทางวิทยาศาสตร์ มีดังนี้
HO2 H2O2
สูตรคณิตศาสตร์คอมพิวเตอร์ สั่งให้ตัวอักษรสีแดง ตัวหนา ชิดซ้าย
20
= 1 2 1
= 2 2 2
= 4 2 3
= 6