รวมคำสั่ง HTML สำหรับการทำเว็บ (มือใหม่ควรรู้)
HTML (HyperText Markup Language) คือภาษาหลักที่ใช้สร้างโครงสร้างของเว็บไซต์ หากคุณเป็นมือใหม่ที่เพิ่งเริ่มต้นทำเว็บ การรู้จักและเข้าใจคำสั่ง HTML พื้นฐานจะช่วยให้คุณสามารถออกแบบและแก้ไขเว็บไซต์ได้อย่างมั่นใจมากขึ้น
📌 คำสั่ง HTML พื้นฐานที่ควรรู้
1. <!DOCTYPE html>
บอกเบราว์เซอร์ว่านี่คือไฟล์ HTML เวอร์ชันล่าสุด (HTML5)
<!DOCTYPE html>2. <html> ... </html>
ครอบเนื้อหาทั้งหมดของหน้าเว็บ
<html>
...
</html>3. <head> ... </head>
ส่วนหัวของเว็บ ใช้เก็บ meta tag, title, link ต่าง ๆ เช่น CSS
<head>
<title>ชื่อหน้าเว็บ</title>
<meta charset="UTF-8">
</head>4. <body> ... </body>
ส่วนเนื้อหาหลักที่แสดงบนหน้าเว็บ
<body>
<h1>ยินดีต้อนรับ</h1>
<p>นี่คือเนื้อหาของเว็บไซต์</p>
</body>📝 คำสั่งสำหรับเนื้อหา
5. หัวเรื่อง: <h1> ถึง <h6>
<h1>หัวข้อใหญ่สุด</h1>
<h2>หัวข้อรอง</h2>6. ย่อหน้า: <p>
<p>นี่คือข้อความย่อหน้าแรกของคุณ</p>7. ลิงก์: <a>
<a href="https://example.com">ไปยังเว็บไซต์</a>8. รูปภาพ: <img>
<img src="image.jpg" alt="คำอธิบายภาพ" width="300">9. รายการแบบมีลำดับ: <ol> และไม่มีลำดับ: <ul>
<ol>
<li>ขั้นตอนที่ 1</li>
<li>ขั้นตอนที่ 2</li>
</ol>
<ul>
<li>ข้อแรก</li>
<li>ข้อสอง</li>
</ul>10. ปุ่ม: <button>
<button>คลิกที่นี่</button>🧠 สรุปสำหรับมือใหม่
HTML คือจุดเริ่มต้นของการสร้างเว็บไซต์ หากคุณเข้าใจคำสั่งพื้นฐานเหล่านี้ คุณสามารถต่อยอดไปสู่ CSS และ JavaScript ได้ง่ายขึ้นอีกด้วย เริ่มฝึกเขียนโค้ดทีละนิด แล้วจะพบว่าการทำเว็บไซต์ไม่ใช่เรื่องยาก!
🎯 เหมาะสำหรับใคร?
- ผู้เริ่มต้นเรียนรู้การสร้างเว็บไซต์
- ผู้ต้องการแก้ไขเว็บไซต์เบื้องต้น
- นักเรียน/นักศึกษาด้านไอที
