Devdit
 

เขียนเว็บ HTML ออนไลน์ ผ่านเว็บไซต์ฟรี

8.4K

เขียนเว็บ HTML ออนไลน์ ผ่านเว็บไซต์ฟรี บทความนี้แนะนำเว็บไซต์ที่ให้บริการเขียนเว็บ HTML ออนไลน์ สามารถเขียน และรันโค้ด HTML ผ่านเว็บไซต์ให้ผู้บริการได้เลย ไม่ต้องติดตั้งโปรแกรม มีรายละเอียดดังนี้

 

ตัวอย่าง เขียนเว็บ HTML ออนไลน์ ผ่านเว็บไซต์ฟรี

1. เข้าเว็บไซต์ผู้ให้บริการเขียน และรัน HTML ออนไลน์ผ่านโปรแกรมเว็บเบราว์เซอร์ ตามรายละเอียดลิงก์ด้านล่าง

https://onecompiler.com/html

 

2. รองรับการเขียนภาษา HTML, CSS และ JavaScript โดยพื้นที่การเขียนโค่ดจะอยู่ฝั่งซ้ายมือ และหน้าต่างแสดงผลลัพธ์จะอยู่ฝั่งขวามือ

 

3. กรณีต้องการเปลี่ยนจากเขียนโค้ด HTML ไปภาษาอื่นๆ เช่น CSS หรือ JavaScript ให้กดแท็บเมนูที่ด้านซ้ายมือบน และเวลารันให้กดปุ่ม RUN สีแดง

 

4. ทดลองเขียนโปรแกรมสร้างปุ่ม เมื่อผู้ใช้งานกดคลิกที่ปุ่มจะแสดงข้อความ alert ที่หน้าจอด้วย JavaScript สามารถเขียนโปรแกรมได้ดังนี้

<!-- แท็บ index.html -->
<!DOCTYPE html>
<html>
  <head>
    <title>Hello, World!</title>
    <script src="script.js"></script>
    <meta charset="UTF-8">
  </head>
  <body>
      <input type="button" value="สวัสดี" onclick="hello()">
  </body>
</html>
/* แท็บ script.js */
function hello() {
  alert("สวัสดีผม Devdit");
}

ผลลัพธ์

คำอธิบาย

จากตัวอย่างโค้ดสร้างปุ่มด้วย input type button ที่ HTML และใช้คำสั่ง onclick เมื่อผู้ใช้งานกดคลิกปุ่ม จะเรียกฟังก์ชัน hello ของ JavaScript เพื่อแสดง alert พร้อมข้อความ “สวัสดีผม Devdit” ออกสู่หน้าเว็บไซต์ เป็นตัวอย่างการเขียนเว็บ HTML ออนไลน์ ผ่านเว็บไซต์ฟรี

แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ