แยกปัญหาก่อนลงมือสร้างหน้า

ตัวอย่างโจทย์

สร้างหน้าแนะนำตัว: มีชื่อหน้าในแท็บ มีหัวข้อชื่อคุณ มีย่อหน้าหนึ่งบรรทัดบอกว่ากำลังเรียนอะไร

แยกขั้น (เทคนิค Programming 1)

1) หน้านี้ต้องมีชิ้นส่วนอะไรบ้าง (title, h1, p)

2) แต่ละชิ้นอยู่ส่วนไหนของเอกสาร (head หรือ body)

3) ข้อความแต่ละชิ้นคืออะไร ตรงสเปกไหม

4) ค่อยเขียนโครง DOCTYPE → html → head → body แล้วใส่เนื้อหาทีละชิ้น

อย่าเริ่มจากจำ syntax ทั้งหน้า — เริ่มจากผลลัพธ์ที่ต้องการเห็น แล้วค่อยแปลงเป็นแท็ก