เขียนเว็บ 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 ออนไลน์ ผ่านเว็บไซต์ฟรี