ดังสุภาษิตที่ว่า: "ถ้าคุณต้องการทำงานได้ดี คุณต้องแปลงเครื่องมือของคุณให้คมกริบก่อน" โปรแกรมแก้ไข HTML ที่มีประโยชน์สามารถช่วยให้คุณสร้างหน้าเว็บ HTML ได้อย่างมีประสิทธิภาพมากขึ้น และรับผลลัพธ์สองเท่าโดยใช้ความพยายามเพียงครึ่งเดียว
นี่คือโปรแกรมแก้ไขที่ใช้กันทั่วไปบางส่วน:
1. ใช้ Notepad หรือ Notepad++ เพื่อเขียน HTML
นี่คือคุณลักษณะแผ่นจดบันทึกที่มาพร้อมกับคอมพิวเตอร์ส่วนใหญ่ และเราเชื่อว่าการใช้โปรแกรมแก้ไขข้อความธรรมดาเป็นวิธีที่ดีในการเรียนรู้ HTML
ขั้นตอนที่ 1: เริ่ม Notepad
วิธีเริ่ม Notepad:
(1) เริ่ม → โปรแกรมทั้งหมด → ไฟล์แนบ → แผ่นจดบันทึก
(2) Start → ป้อนคำสั่ง notepad เพื่อเริ่ม Notepad
(3) สร้างเอกสารข้อความใหม่บนเดสก์ท็อปโดยตรง
มีทั้งสามวิธีข้างต้นให้เลือก
ขั้นตอนที่ 2: แก้ไข HTML ด้วย Notepad
พิมพ์รหัส HTML ใน Notepad:
<!DOCTYPEhtml><html><body><h1>เครือข่ายภาษา C</h1><p>ยินดีต้อนรับสู่เว็บไซต์ของเราเพื่อเรียนรู้และเช็คอิน </p></body></html>
ดังแสดงในภาพ:
ขั้นตอนที่ 3: บันทึก HTML
เลือก "บันทึกเป็น" จากเมนูไฟล์ของ Notepad
เมื่อคุณบันทึกไฟล์ HTML คุณสามารถใช้นามสกุล .htm หรือ .html ได้ ตั้งชื่อให้ง่ายต่อการจดจำ เช่น การทดสอบ
ขั้นตอนที่ 4: เรียกใช้ไฟล์ HTML นี้ในเบราว์เซอร์
เริ่มเบราว์เซอร์ของคุณและเลือกคำสั่ง Open File จากเมนู File หรือดับเบิลคลิกไฟล์ HTML ของคุณโดยตรงในโฟลเดอร์
ผลลัพธ์การแสดงผลที่ทำงานอยู่จะคล้ายกับดังต่อไปนี้:
2. ใช้โค้ด Visual Studio เพื่อเขียน HTML
Visual Studio Code เป็นตัวแก้ไขข้ามแพลตฟอร์มสำหรับการเขียนแอปพลิเคชันเว็บและคลาวด์สมัยใหม่ที่ทำงานบน OS X, Windows และ Linux เป็นที่รู้จักกันว่าเป็นคอมไพเลอร์ที่ทรงพลังที่สุดในจักรวาล คุณสามารถดาวน์โหลดซอฟต์แวร์ที่เกี่ยวข้องได้จากเว็บไซต์อย่างเป็นทางการของซอฟต์แวร์ต่อไปนี้ และติดตั้งตามขั้นตอน
รหัส VS: https://code.visualstudio.com/
คุณสามารถดาวน์โหลดซอฟต์แวร์ที่เกี่ยวข้องได้จากเว็บไซต์อย่างเป็นทางการของซอฟต์แวร์ด้านบน และติดตั้งตามขั้นตอน
ขั้นตอนที่ 1: สร้างไฟล์ HTML ใหม่
หลังจากการติดตั้ง VS Code เสร็จสิ้น ให้เลือก "ไฟล์ (F)->ไฟล์ใหม่ (N)" และป้อนรหัสต่อไปนี้ในไฟล์ใหม่:
<!DOCTYPEhtml><html><body><h1>เครือข่ายภาษา C</h1><p>ยินดีต้อนรับสู่เว็บไซต์ของเราเพื่อเรียนรู้และเช็คอิน </p></body></html>
ขั้นตอนที่ 2: บันทึกเป็นไฟล์ HTML
จากนั้นเลือก "ไฟล์ (F)->บันทึกเป็น (A)" และชื่อไฟล์คือ test.html:
ขั้นตอนที่ 3: เรียกใช้ไฟล์ HTML นี้ในเบราว์เซอร์ของคุณ
จากนั้นคลิกขวาที่ชื่อไฟล์ในตัวแก้ไข และเลือกเปิดในเบราว์เซอร์เริ่มต้น (เบราว์เซอร์อื่นๆ ก็มีให้ใช้งานเช่นกัน):
3. เอชบิลเดอร์
HBuilder เป็น IDE การพัฒนาเว็บที่เปิดตัวโดย DCloud ซึ่งรองรับ HTML5 HBuilder เขียนโดยใช้ Java, C, Web และ Ruby ส่วนหลักของ HBuilder นั้นเขียนด้วยภาษา Java ความเร็วที่รวดเร็วเป็นข้อได้เปรียบที่ใหญ่ที่สุดของ HBuilder ด้วยการใช้ไวยากรณ์ที่สมบูรณ์ วิธีการป้อนโค้ด บล็อกโค้ด ฯลฯ จะช่วยปรับปรุงประสิทธิภาพการพัฒนาของ HTML, js และ css ได้อย่างมาก Hbuilder เป็น IDE การพัฒนาส่วนหน้าที่เขียนโดยนักพัฒนาส่วนหน้าของจีน ดังนั้นการใช้งานจึงสอดคล้องกับพฤติกรรมการพัฒนาของจีนมากขึ้น การใช้ HBuilder ในการเขียนโค้ด HTML นั้นสะดวกมาก
4. Adobe DreamweaverCS
Dreamweavercs6 คือชุดตัวแก้ไขโค้ดที่มีอินเทอร์เฟซการแก้ไขภาพซึ่งเปิดตัวโดย Adobe ผู้ผลิตซอฟต์แวร์ระดับนานาชาติชั้นนำ ซึ่งสามารถใช้เพื่อแก้ไขเว็บไซต์และแอปพลิเคชันบนมือถือ เนื่องจากรองรับการเขียนโค้ด การแยก การออกแบบ การดูแบบเรียลไทม์ และวิธีการอื่นๆ ในการสร้าง เขียน และแก้ไขหน้าเว็บ สำหรับผู้ใช้รุ่นเยาว์ คุณสามารถสร้างหน้าเว็บได้อย่างรวดเร็วโดยไม่ต้องเขียนโค้ดใดๆ เครื่องมือแก้ไขโค้ดที่ซับซ้อนเหมาะสำหรับการสร้างนักพัฒนาเว็บอาวุโส! cs6 เวอร์ชันใหม่ใช้เค้าโครงตารางที่ปรับเปลี่ยนได้เพื่อสร้างเพจ ใช้การแสดงตัวอย่างหลายหน้าจอเพื่อตรวจสอบการออกแบบก่อนเผยแพร่ ซึ่งสามารถปรับปรุงประสิทธิภาพการทำงานได้อย่างมาก ดังนั้น AdobeDreamweaverCS จึงเป็นตัวแก้ไขโค้ด HTML ที่ดีกว่าด้วย
5. SublimeText3 เวอร์ชั่นภาษาจีน
SublimeText เป็นซอฟต์แวร์ตัวแก้ไขที่มีการเน้นโค้ด การแจ้งไวยากรณ์ การเติมข้อความอัตโนมัติ และการตอบสนองที่รวดเร็ว ไม่เพียงแต่มีอินเทอร์เฟซที่สวยงาม แต่ยังรองรับกลไกการขยายปลั๊กอินด้วย เป็นเรื่องน่ายินดีอย่างยิ่งที่ได้เขียนโค้ดด้วย เมื่อเปรียบเทียบกับ Vim ซึ่งใช้งานยาก Eclipse และ VS ซึ่งมีขนาดใหญ่และหนัก และ Editplus และ Notepad++ ซึ่งมีน้ำหนักเบาและเปิดใช้งานได้รวดเร็ว โดยทั่วไปแล้ว SublimeText จะถูกบดบังไว้ ไม่ต้องสงสัยเลยว่าโปรแกรมแก้ไขที่เซ็กซี่อย่างยิ่งนี้ ทางเลือกที่ดีสำหรับการเข้ารหัส
6.สมุดโน้ต++
Notepad++ ได้รับการออกแบบมาเพื่อแทนที่ Notepad เริ่มต้นใน Windows และมีประสิทธิภาพมากกว่า Notepad มาก notepad++ รองรับปลั๊กอิน และเพิ่มปลั๊กอินที่เกี่ยวข้องเพื่อรองรับฟังก์ชันต่างๆ นอกจากปลั๊กอินทั่วไปบางตัวแล้ว ยังมีปลั๊กอินที่น่าสนใจอีกด้วย เช่น ปลั๊กอินคำพูดที่อ่านข้อความ Notepad++ เป็นซอฟต์แวร์แก้ไขข้อความน้ำหนักเบา เริ่มต้นได้เร็วกว่าและใช้ทรัพยากรน้อยกว่าเครื่องมือแก้ไขข้อความระดับมืออาชีพอื่นๆ แต่ในแง่ของฟังก์ชันและแอปพลิเคชัน ก็ไม่น้อยไปกว่าเครื่องมือระดับมืออาชีพเหล่านั้น
7. แก้ไขพลัส
ที่อยู่การดาวน์โหลด: https://www.editplus.com/
EditPlus เป็นตัวแก้ไข Windows ขนาดเล็กแต่ทรงพลังที่ผลิตโดย Sangil Kim (ES-Computing) ของเกาหลีใต้ ซึ่งสามารถจัดการข้อความ HTML และภาษาการเขียนโปรแกรมได้ นอกจากนี้ยังเป็นตัวแก้ไข HTML ที่ใช้งานง่ายอีกด้วย คุณยังสามารถตั้งค่าเครื่องมือของผู้ใช้ได้อีกด้วย เป็น IDE อย่างง่ายสำหรับ C, Java, Php และภาษาอื่นๆ