HTML, CSS และ JavaScript: พื้นฐานที่ต้องรู้เพื่อสร้างเว็บไซต์
1. HTML (HyperText Markup Language)
HTML เป็นโครงสร้างพื้นฐานของทุกหน้าเว็บ ใช้สำหรับกำหนดโครงสร้างและเนื้อหาของสอนทำเว็บไซต์ เช่น ข้อความ รูปภาพ และลิงก์
Contents
โครงสร้างพื้นฐานของ HTML
<!DOCTYPE html>
<html>
<head>
<title>หน้าแรกของฉัน</title>
</head>
<body>
<h1>ยินดีต้อนรับสู่เว็บไซต์ของฉัน</h1>
<p>นี่คือตัวอย่างของ HTML</p>
</body>
</html>2. CSS (Cascading Style Sheets)
CSS ใช้สำหรับกำหนดรูปแบบและดีไซน์ของเว็บไซต์ เช่น สี ขนาด และเลย์เอาต์ขององค์ประกอบ HTML
ตัวอย่างการใช้ CSS
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
}สามารถนำไปใช้ใน HTML ได้โดยใช้ <style> ใน <head> หรือไฟล์แยกต่างหาก (เช่น style.css).
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>3. JavaScript
JavaScript เป็นภาษาสคริปต์ที่ใช้เพิ่มฟังก์ชันให้กับเว็บไซต์ เช่น การโต้ตอบของผู้ใช้ (Interactive Elements) และการจัดการเหตุการณ์ (Event Handling)
ตัวอย่าง JavaScript
<button onclick="sayHello()">คลิกที่นี่</button>
<script>
function sayHello() {
alert("สวัสดี! ยินดีต้อนรับสู่เว็บไซต์ของฉัน");
}
</script>JavaScript สามารถใช้ภายใน <script> ใน HTML หรือแยกเป็นไฟล์ (script.js).
<head>
<script src="script.js"></script>
</head>4. สรุป
- HTML ใช้สร้างโครงสร้างของหน้าเว็บ
- CSS ใช้ตกแต่งและจัดรูปแบบ
- JavaScript ใช้เพิ่มความโต้ตอบและฟังก์ชันให้กับเว็บไซต์
การเข้าใจทั้งสามส่วนนี้เป็นพื้นฐานสำคัญของการพัฒนาสอนทำเว็บไซต์ที่มีประสิทธิภาพ!