HTML Learning EP.2 : เริ่มต้น



HTML Learning EP.2 : เริ่มต้น


ในการเขียนโค้ด HTML นั้น เราจำเป็นที่จะต้องมีความรู้ภาษาอังกฤษเบื้องต้นกันก่อน เพื่อให้ง่ายต่อการเรียนรู้ โดย HTML จะใช้ Tag ที่เขียนง่ายและไม่ซับซ้อนมากเท่าไหร่ ยิ่งมีพื้นฐานอังกฤษมากเท่าไหร่ยิ่งดีครับ ตอนสรุปท้ายบทจะมีบททดสอบมาให้ลองทำกันนะครับ


เริ่มต้นก่อนอื่นเลย ให้เราทำการเปิด Notepad ขึ้นมา (จะใช้ Notepad ++ หรือ Editplus ก็ได้ครับ)

โดยให้เราทำการเปิด Tag ขึ้นมา

1.<html> เปิด Tag HTML </html>
2.<head>ส่วนหัวของเว็บ</head>
3.<title>ส่วนของ Title bar ที่แสดงอยู่บน Tab ของบราวเซอร์</title>
4.<body>ส่วนของเนื้อหาทั้งหมด</body>



ลองพิมพ์ตามข้อความด้านล่างนี้ดูครับ




ลองเซฟแล้วเปิดดูครับ


1.ตั้งชื่ออะไรก็ได้ แต่ต้อง .html เสมอ
2.เลือกเปลี่ยนเป็น All Files
3.กด Save
4.ดับเบิ้ลคลิกไฟล์ที่เซฟไว้




จะได้ผลออกมาเป็นแบบนี้ แปลว่าถูกต้อง





แบบทดสอบส่งท้าย

(เมื่อทำเสร็จหนึ่งข้อให้ติ๊กไว้เพื่อที่จะได้ไม่สับสน)

เปลี่ยนข้อความ Title เปลี่ยนข้อความส่วน Body ให้เป็นคำว่า "Hello world"




บทที่ 3 : HTML Learning EP.3 : พื้นหลัง



0 Comments for "HTML Learning EP.2 : เริ่มต้น"