เรียนรู้การเขียนโค้ด

ด้วยเว็บไซต์ผู้พัฒนาเว็บที่ใหญ่ที่สุดในโลก


ไม่แน่ใจว่าจะเริ่มต้นที่ไหน?

HTML

ภาษาสำหรับสร้างหน้าเว็บ

เรียนรู้ HTML
วิดีโอสอนใหม่
ข้อมูลอ้างอิง HTML

ตัวอย่าง HTML:

<!DOCTYPE html>
<html>
<title>HTML Tutorial</title>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

CSS

ภาษาสำหรับจัดแต่งทรงผมหน้าเว็บ

เรียนรู้ CSS
การอ้างอิง CSS

ตัวอย่าง CSS:

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

JavaScript

ภาษาสำหรับเขียนโปรแกรมเว็บเพจ

เรียนจาวาสคริปต์
การอ้างอิง JavaScript

ตัวอย่างจาวาสคริปต์:

<button onclick="myFunction()">Click Me!</button>

<script>
function myFunction() {
  let x = document.getElementById("demo");
  x.style.fontSize = "25px";
  x.style.color = "red";
}
</script>

ไพทอน

ภาษาโปรแกรมยอดนิยม

เรียนภาษาไพทอน
การอ้างอิงหลาม

ตัวอย่างหลาม:

if 5 > 2:
  print("Five is greater than two!")

SQL

ภาษาสำหรับการเข้าถึงฐานข้อมูล

เรียนรู้SQL
การอ้างอิง SQL

ตัวอย่าง SQL:

SELECT * FROM Customers
WHERE Country='Mexico';

PHP

ภาษาการเขียนโปรแกรมเว็บเซิร์ฟเวอร์
เรียนรู้ PHP

jQuery

ไลบรารี JS สำหรับการพัฒนาหน้าเว็บ
เรียนรู้ jQuery

Java

ภาษาโปรแกรม
เรียนจาวา

C++

ภาษาโปรแกรม
เรียนภาษา C++

W3.CSS

กรอบงาน CSS สำหรับหน้าเว็บที่ตอบสนองได้เร็วและดีขึ้น
เรียนรู้ W3.CSS

Bootstrap

กรอบงาน CSS สำหรับการออกแบบหน้าเว็บที่ดีขึ้น
เรียนรู้ Bootstrap

ตัวแก้ไขโค้ด

ด้วยโปรแกรมแก้ไขโค้ดออนไลน์ของเรา คุณสามารถแก้ไขโค้ดและดูผลลัพธ์ในเบราว์เซอร์ของคุณ



ตัวแก้ไขรหัสส่วนหน้า



W3Schools Spaces

สร้างเว็บไซต์ของคุณเองด้วย W3Schools Spaces


เริ่มต้นฟรี

ตัวเลือกสี

ตัวเลือกสีที่มีชื่อเสียงของ W3Schools

ตัวเลือกสี

โค้ดเกม

ช่วย Lynx เก็บโคนต้นสน!

โค้ดเกม

เล่นเกมส์

แบบฝึกหัดและแบบทดสอบ

ทดสอบทักษะของคุณ!


เทมเพลตเว็บ

เรียกดูการเลือกเทมเพลต HTML ที่ตอบสนองฟรี ของเรา

เทมเพลต W3.CSS

เรียกดูแม่แบบ

วิธีการแบ่ง

ข้อมูลโค้ดสำหรับ HTML, CSS และ JavaScript

ตัวอย่างเช่น วิธีสร้างสไลด์โชว์:

เรียนรู้วิธี