เครื่องมือที่ใช้ในการสร้างเอกสาร HTML
ในการสร้างเว็บเพจด้วยภาษา HTML นั้นเราต้องอาศัยเครื่องมือในการสร้าง ซึ่งเรียกว่าText Editor
(โปรแกรมที่ใช้สำหรับสร้างและแก้ไขข้อความ) ซึ่งในปัจจุบันก็มีอยู่หลากหลาย เช่น
โปรแกรม Notepad, EditPlus ,Dreamweaver เป็นต้น
ในนี้เราจะยกตัวอย่างการใช้ Notepad นะค่ะ เนื่องจากมีอยู่ใน Windows กันทุกคน
มาดูตัวอย่างการเขียนกันเลยค่ะ
ตัวอย่างการใช้ Notepad ในการเขียนแบบ HTML
มาทดลองเขียนเว็บเพจแรกไปด้วยภาษา HTML
- เปิดโปรแกรม Notepad ขึ้นมาก่อนค่ะ
2.พิมพ์ข้อมูลดังต่อไปนี้
3.จากนั้นกดบันทึก (Save As) เอกสารที่ทำให้เป็นนามสกุล .html หรือ .htm
4. เมื่อทำการบันทึกเอกสารเรียบร้อยแล้ว ให้ไปดูไฟล์ที่เราบันทึกไว้แล้วกดดับเบิลคลิ้กที่ไฟล์ที่เราสร้าง
เว็บเพจไว้
จะได้ดังนี้
5. ถ้าเราต้องการแก้ไขข้อความใน Notepad ก็ให้เปิดไฟล์เว็บเพจนั้นขึ้นมา แล้วทำการแก้ไขข้อความได้
ทันที่ เมื่อทำการแก้ไขเสร็จแล้วให้กดบันทึกเหมือนเดิมและกลับไปที่บราวเซอร์อีกครั้ง
แล้วคลิกที่ดับเบิลคลิ้กอีกครั้งเพื่อให้บราวเซอร์โหลดข้อมูลที่เราได้แก้ไขไว้ ดังนี้
ผลลัพธ์ที่ได้
.jpg)
ไอทีจีเนียส เอ็นจิเนียริ่ง ให้บริการด้านไอทีครบวงจร
ทั้งงานอบรม (Training) สัมมนา รับเขียนโปรแกรม เว็บไซต์ แอปพลิเคชัน งานออกแบบกราฟิก และงานด้าน E-Marketing ทั้ง SEO, PPC และ Social Media Marketing
ติดต่อเราเพื่อสอบถามผลิตภัณฑ์ ขอราคา หรือปรึกษาเรื่องไอทีได้เลยค่ะ
แนะนำหลักสูตรที่น่าสนใจ
Figma to HTML & CSS Workshop
ทีมพัฒนาเว็บส่วนใหญ่ได้รับงานออกแบบมาเป็นไฟล์ Figma แต่การแปลงดีไซน์ให้เป็นหน้าเว็บที่ตรงแบบ แสดงผลดีทุกขนาดจอ และแก้ไขต่อได้ง่าย ต้องอาศัยทั้งการอ่านไฟล์ออกแบบเป็นและความเข้าใจ HTML กับ CSS สมัยใหม่ หากเขียนโค้ดโดยไม่วางแผน หรือพึ่ง Framework…