HTML Editor: Code & Preview

เปลี่ยนไอเดียเว็บให้เป็นหน้าเว็บที่ใช้งานได้จริงด้วย HTML Editor เขียน HTML พร้อม CSS และ JavaScript ที่ฝังอยู่ภายใน ดูตัวอย่างผลลัพธ์ และใช้บทเรียนสั้นๆ เพื่อทำความเข้าใจโค้ดที่คุณกำลังแก้ไข เป็นพื้นที่ทำงานที่ใช้งานได้จริงสำหรับนักเรียน ผู้เริ่มต้น และนักพัฒนาที่ทดลองสร้างเว็บเพจขนาดเล็กบนอุปกรณ์พกพา

เขียนและตรวจสอบโค้ดของคุณ

ทำงานในโปรแกรมแก้ไขโค้ดที่มีการเน้นไวยากรณ์ การจับคู่เครื่องหมายวงเล็บ การปิดอัตโนมัติ และการยกเลิกและทำซ้ำ แสดงหมายเลขบรรทัด ค้นหาข้อความ หรือข้ามไปยังบรรทัดเมื่อส่วนของโค้ดมีขนาดใหญ่ขึ้น แถบเครื่องมือสัญลักษณ์เพิ่มเติมช่วยให้เข้าถึงอักขระการเขียนโค้ดที่ใช้บ่อยได้ง่ายขึ้น ทำให้การป้อนแท็กและนิพจน์เกี่ยวข้องกับการสลับระหว่างเค้าโครงแป้นพิมพ์น้อยลง

ย้ายไปมาระหว่างแท็บโค้ด ผลลัพธ์ และคอนโซล มุมมองผลลัพธ์จะแสดงเอกสารของคุณภายในแอป รวมถึงสไตล์และสคริปต์ ใช้การรีเฟรชตัวอย่างอัตโนมัติขณะแก้ไข หรือปิดเมื่อคุณต้องการควบคุมการอัปเดตผลลัพธ์ ข้อความในคอนโซลช่วยให้คุณตรวจสอบว่า JavaScript ของหน้าเว็บของคุณกำลังทำอะไรอยู่

สำรวจความกว้างการแสดงตัวอย่างที่แตกต่างกัน

เลือกโหมดการแสดงตัวอย่างสำหรับโทรศัพท์ แท็บเล็ต หรือเดสก์ท็อป เพื่อสำรวจว่าเลย์เอาต์ทำงานอย่างไรในความกว้างที่แตกต่างกัน นี่คือมุมมองภายในแอป ซึ่งมีประโยชน์สำหรับการตรวจสอบระยะห่างและการจัดเรียงขณะที่คุณกำลังออกแบบที่ตอบสนองต่อทุกขนาดหน้าจอ ลองใช้หัวข้อ ปรับกฎสไตล์ จากนั้นกลับไปที่ผลลัพธ์เพื่อดูผลกระทบ

เรียนรู้แนวคิด จากนั้นฝึกฝน

โหมดการเรียนรู้รวบรวมหัวข้อ HTML, CSS และ JavaScript เข้าด้วยกัน กรองตามหัวข้อหรือค้นหาแนวคิดแทนที่จะอ่านทุกอย่างตามลำดับ แต่ละบทเรียนประกอบด้วยคำอธิบาย คำแนะนำสั้นๆ การใช้งานจริง ข้อผิดพลาดทั่วไป ตัวอย่าง และคำอธิบายโค้ด

ติดตามบทเรียนด้วยงานเขียนโค้ดสั้นๆ สองงาน กู้คืนตัวอย่างก่อน จากนั้นเขียนโค้ดใหม่โดยใช้แนวคิด ตรวจสอบคำตอบของคุณ อ่านคำติชม และรีเซ็ตตัวเริ่มต้นเมื่อคุณต้องการลองอีกครั้ง งานที่สองจะปลดล็อกหลังจากงานแรกเสร็จสมบูรณ์ ความคืบหน้าในการอ่านและการฝึกฝนจะถูกบันทึกไว้ในเครื่อง เพื่อให้คุณสามารถกลับไปยังหัวข้อที่คุณเริ่มต้นไว้ได้

เก็บและแบ่งปันงานของคุณ

สร้างเอกสาร เปิดไฟล์ HTML ที่บันทึกไว้ หรือใช้ฟังก์ชัน บันทึก และ บันทึกเป็น เพื่อเก็บงานของคุณเป็นไฟล์ HTML แชร์ไฟล์เมื่อคุณต้องการส่งเอกสารนั้น ๆ สำหรับการส่งต่อออนไลน์ ให้สร้างรหัสการโอนหรือลิงก์การแชร์ และใช้โปรแกรมแก้ไขเว็บที่มาพร้อมกันเพื่อทำงานต่อกับส่วนย่อยนั้น การโอนออนไลน์จะส่งรหัสปัจจุบันไปยังบริการและจำเป็นต้องมีการเชื่อมต่ออินเทอร์เน็ต

ทำให้พื้นที่ทำงานสะดวกสบาย

เลือกการแสดงผลแบบสว่าง มืด หรือแบบระบบ และปรับขนาดตัวอักษรของโปรแกรมแก้ไข การตั้งค่าช่วยให้คุณควบคุมจำนวนบรรทัด โหมดการเข้าถึง การบันทึกอัตโนมัติ การสำรองข้อมูลเมื่อปิด และการกู้คืนเซสชัน ฉบับร่างและสำเนาพื้นที่ทำงานเป็นข้อมูลแอปในเครื่อง บันทึกงานสำคัญเป็นไฟล์แทนที่จะถือว่าเซสชันในเครื่องเป็นข้อมูลสำรองถาวร

หน้า ข้อมูลและความเป็นส่วนตัว ช่วยให้คุณตรวจสอบการตั้งค่า ล้างข้อมูลโปรแกรมแก้ไขชั่วคราว หรือรีเซ็ตข้อมูลแอปในเครื่อง ศูนย์รางวัลยังมอบรางวัลรายวันและกิจกรรมรับเหรียญตามโฆษณา เหรียญรางวัลเป็นไอเทมในแอป ไม่ใช่เงินสด

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