แผนฝึกบทที่ 1
แบบฝึกปฏิบัติ
ลองทำตามรายการด้านล่างในเบราว์เซอร์หรือไฟล์ของคุณ — ไม่มีตรวจอัตโนมัติในเฟสนี้
สร้าง index.html โครงเต็มแล้วเปิดดูในเบราว์เซอร์
เขียนหน้าแนะนำตัวให้ title / h1 / p ครบ
จัดโฟลเดอร์โปรเจกต์พร้อม images/ (ว่างไว้ก็ได้)
ใช้ DevTools Elements หา html, head, body ของหน้าคุณ
จงใจทำ charset หายแล้วใส่กลับ — สังเกตภาษาไทย
ใช้สำหรับเรียนรู้เท่านั้น แล้วคืนค่า UTF-8 ให้ถูกต้อง
แยกโจทย์ “หน้าร้านกาแฟสั้น ๆ” เป็นขั้นบนกระดาษก่อนเขียนโค้ด