จุดประสงค์การเรียนรู้

1. อธิบายรูปแบบคำสั่งการสร้างเอกสารภาษา HTML และบันทึกเอกสารที่สร้างได้
2. ใช้คำสั่งเบื้องต้นในการเขียนโปรแกรมภาษา HTML ได้
3. สามารถสร้างเว็บเพจด้วยภาษา HTML และบันทึกเอกสารที่สร้างได้


    ก่อนจะสร้างโปรแกรมภาษา HTML ต้องทำความรู้จักกับโปรแกรมที่จะสร้างเอกสาร HTML ก่อน โปรแกรมนี้เรียกว่า Text Editor คือโปรแกรมที่สร้างและแก้ไขเอกสาร โปรแกรมเหล่านี้ได้แก่ Notepad, Wordpad, MS Word เป็นต้น โดยที่นักเรียนจะเรียนนี้จะใช้ Notepad ในการสร้างเอกสาร HTML การสร้างเอกสาร HTML เราสามารถสร้างโดยใช้ Text Editor ที่มีอยู่ทั่วไป โปรแกรมเหล่านี้จะติดมากับเครื่องที่ใช้ระบบปฏิบัติการที่เป็น Windows ขั้นตอนการสร้างเอกสารภาษา HTML ด้วย Notepad
เลือก
1. Start
2. Programs
3. Accessories
4.Notepad จะปรากฏหน้าต่างของโปรแกรม Notepad


เริ่มต้นด้วยการพิมพ์โปรแกรมดังนี้

<HTML>
<HEAD>
<TITLE>การสร้างและบันทึกเอกสาร HTML</TITLE>
</HEAD>
<BODY>
เมื่อทำการสร้างเอกสารแล้ว ต้องทำการบันทึกเอกสาร ถึงจะแสดงผลลัพธ์ได้
</BODY>
</HTML>

การบันทึกเอกสารภาษา HTML จะต้องกำหนดส่วนขยายหรือนามสกุลให้เป็น .html เท่านั้น ไม่เช่นนั้นไฟล์ที่สร้างขึ้นก็จะเป็น Text File ธรรมดา ไม่สามารถนำไปแสดงผลบน Browser ได้

เมื่อต้องการดูผลลัพธ์ ให้ดับเบิ้ลคลิกที่ชื่อไฟล์ หรือเปิดบราวเซอร์ เลือกไฟล์ีที่ต้องการเปิด