1. ใบงาน
เรื่อง การสร้างตาราง
วัตถุประสงค์
1. นักเรียนเกิดทักษะในการใช้คําสั่งในการสร้างตาราง
2. นักเรียนเกิดทักษะออกแบบสําหรับการจัดทําข้อมูลในการสร้างตาราง
3. นักเรียนเกิดทักษะจัดองค์ประกอบของสีในการใช้ตาราง
4. นักเรียนเกิดทักษะการแสดงผลข้อมูลภาพและตัวอักษรในตาราง
ขั้นตอนปฏิบัติ
ให้นักเรียนเขียน โค้ด HTML ตามคําสั่งต่อไปนี้ โดยบันทึกชื่อ T001.html
1. ที่ Title ให้พิมพ์ให้ใส่คําว่า ทดสอบเรื่องการลิงค์ของนักเรียน
2. ที่พื้นหลังให้ใช้รูปภาพเป็นพื้นหลังเว็บเพจ
3. พิมพ์คําว่า ทดสอบการเรียนของนักเรียน เรื่อง การลิงค์ของนักเรียน ตัวใหญ่ H1 สีตัวอักษร
สีแดง แล้วสั่งให้อยู่กึ่งกลางหน้าจอเว็บเพจ
4. แทรกคําสั่งเส้นคั่นแนวนอน หนา 5 สีเส้น สีแดง ความยาวของเส้นคั่น 100 %
5. ให้นักเรียนแทรกตารางตามรูปแบบที่กําหนด ดังต่อไปนี้
รายการสั่งซื้อสินค้า ของษริษัท SCC จํากัด (มหาชน)
ลําดับ
ที่
รหัสสินค้า ชื่อสินค้า
ราคาต่อ
หน่วย
ผู้รับผิดชอบ
รูป
ผู้รับผิดชอบ
1 P001 ฮาร์ดดิสก์ 2400 น.ส. เรียนดี เพราะขยัน
2 P002 ซีดีรอม 1500 น.ส.ขยัน เรียนดี
3 P003 มอนิเตอร์ 2800 น.ส.เตรียมพร้อม สอบได้
4 P004 ปริ้นเตอร์ 3990 น.ส. สอบได้ อ่านหนังสือ
5 P005 เครื่องแสกน 2890 น.ส. มานะ พยายาม
6 P006 แผ่นดิสก์ 25 น.ส. อรุณ สว่างแจ้ง
คําอธิบายเพิ่มเติม : ในการจัดรูปแบบตาราง
1. ใช้เส้นขอบตาราง เท่ากับ 2 และใส่สีเส้นตารางสีนํ้าเงิน
2. หัวตารางให้เป็นตัวหนา จัดกึ่งกลางในช่องตาราง และใส่สีตาราง ช่องหัวตารางสีชมพู