เครื่องมือที่ใช้ในการสร้างเอกสาร HTML

ในการสร้างเว็บเพจด้วยภาษา HTML นั้นเราต้องอาศัยเครื่องมือในการสร้าง ซึ่งเรียกว่าText Editor

(โปรแกรมที่ใช้สำหรับสร้างและแก้ไขข้อความ) ซึ่งในปัจจุบันก็มีอยู่หลากหลาย เช่น

โปรแกรม Notepad, EditPlus ,Dreamweaver เป็นต้น

ในนี้เราจะยกตัวอย่างการใช้ Notepad นะค่ะ เนื่องจากมีอยู่ใน Windows กันทุกคน

มาดูตัวอย่างการเขียนกันเลยค่ะ

ตัวอย่างการใช้ Notepad ในการเขียนแบบ HTML

มาทดลองเขียนเว็บเพจแรกไปด้วยภาษา HTML

1. เปิดโปรแกรม Notepad ขึ้นมาก่อนค่ะ

     2.พิมพ์ข้อมูลดังต่อไปนี้

      3.จากนั้นกดบันทึก (Save As) เอกสารที่ทำให้เป็นนามสกุล .html หรือ .htm

4. เมื่อทำการบันทึกเอกสารเรียบร้อยแล้ว ให้ไปดูไฟล์ที่เราบันทึกไว้แล้วกดดับเบิลคลิ้กที่ไฟล์ที่เราสร้าง

เว็บเพจไว้

จะได้ดังนี้

5. ถ้าเราต้องการแก้ไขข้อความใน Notepad ก็ให้เปิดไฟล์เว็บเพจนั้นขึ้นมา แล้วทำการแก้ไขข้อความได้

ทันที่ เมื่อทำการแก้ไขเสร็จแล้วให้กดบันทึกเหมือนเดิมและกลับไปที่บราวเซอร์อีกครั้ง

แล้วคลิกที่ดับเบิลคลิ้กอีกครั้งเพื่อให้บราวเซอร์โหลดข้อมูลที่เราได้แก้ไขไว้ ดังนี้

ผลลัพธ์ที่ได้