คําสั่งใส่พื้นหลังใน HTML คือการกำหนดสีหรือภาพพื้นหลังที่จะแสดงอยู่ด้านหลังเนื้อหาของเว็บเพจ โดยสามารถทำได้ผ่านการใช้แท็ก HTML และ CSS (Cascading Style Sheets) เพื่อให้การออกแบบเว็บเพจมีความน่าสนใจและดึงดูดผู้ใช้งานมากขึ้น
### การใช้ CSS ใส่พื้นหลัง
ในปัจจุบันการใส่พื้นหลังส่วนใหญ่จะใช้ CSS เนื่องจากสามารถควบคุมและปรับแต่งได้ง่ายมากกว่า ในการกำหนดพื้นหลังเราใช้คำสั่ง `background` ใน CSS ซึ่งมีคุณสมบัติหลายอย่าง เช่น `background-color`, `background-image`, `background-repeat`, `background-size` เป็นต้น
#### ตัวอย่างการใส่พื้นหลังใน HTML
```html
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ตัวอย่างการใส่พื้นหลัง</title>
<style>
body {
background-color: #f0f8ff; /* กำหนดสีพื้นหลัง */
/* สำหรับภาพพื้นหลัง */
background-image: url('background.jpg'); /* เปลี่ยนเป็น URL ของภาพที่ต้องการใช้ */
background-repeat: no-repeat; /* ป้องกันการทำซ้ำของภาพพื้นหลัง */
background-size: cover; /* ทำให้ภาพพื้นหลังขยายเต็มพื้นที่ */
}
</style>
</head>
<body>
<h1>สวัสดีครับ</h1>
<p>นี่คือการทดสอบพื้นหลังใน HTML</p>
</body>
</html>
```
### คุณสมบัติที่สำคัญในการใส่พื้นหลัง
1. **background-color**: ใช้ในการกำหนดสีพื้นหลัง โดยสามารถใช้ชื่อสี รหัสสี HEX หรือ RGB
2. **background-image**: ใช้ในการกำหนดภาพพื้นหลังที่ต้องการแสดง
3. **background-repeat**: กำหนดวิธีการทำซ้ำของภาพพื้นหลัง เช่น ไม่มีการทำซ้ำ, ทำซ้ำในแนวนอนหรือแนวตั้ง
4. **background-size**: กำหนดขนาดของภาพพื้นหลัง เช่น ทำให้เต็มพื้นที่ (`cover`), แสดงขนาดจริง (`contain`), หรือกำหนดขนาดโดยเฉพาะ
5. **background-position**: กำหนดตำแหน่งของภาพพื้นหลัง เช่น ตรงกลาง, มุมซ้ายบน หรือตำแหน่งที่กำหนดเอง
### สรุป
การใส่พื้นหลังใน HTML เป็นวิธีที่สำคัญในการปรับแต่งและสร้างบรรยากาศให้กับเว็บเพจ โดยสามารถทำได้ง่ายๆ ผ่านการใช้ CSS ที่มีคุณสมบัติมากมาย ช่วยให้ผู้พัฒนาเว็บสามารถออกแบบให้ตรงตามความต้องการและสร้างความน่าสนใจให้กับผู้ใช้งานได้อย่างมีประสิทธิภาพ