Watch & Read: HTML + CSS Basics

Tip

ดูวิดีโอก่อนอ่าน docs — จะช่วยให้เข้าใจภาพรวมก่อน แล้วค่อยลงรายละเอียดจาก documentation

Videos to Watch

Thai

ปูพื้นฐานการสร้างเว็บด้วย HTML5 จบในคลิปเดียว [FULL COURSE]

KongRuksiam Official TH

English

HTML & CSS Full Course

Bro Code EN

Learn Flexbox in 15 Minutes

Web Dev Simplified EN

CSS Grid in 100 Seconds

Fireship EN

---

Documentation & Reading

MDN HTML reference

คู่มือ HTML ครบทุก tag

MDN CSS reference

CSS properties ทั้งหมด

web.dev Learn CSS

คอร์ส CSS จาก Google

CSS-Tricks

บทความ CSS ที่ดีที่สุด

---

Practice Games

Tip

เกมเหล่านี้ช่วยให้เข้าใจ CSS layout ได้เร็วมาก — ลองเล่นให้ครบทุกด่าน!

Flexbox Froggy

เกมเรียน Flexbox แบบสนุก

Grid Garden

เกมเรียน CSS Grid

CSS Diner

เกมเรียน CSS selectors

CSS Battle

ฝึก CSS โดยเทียบ pixel