**การใช้งานแท็ก `<style>` ใน HTML เพื่อการจัดรูปแบบเว็บไซต์**
ในโลกของการพัฒนาเว็บ การสร้างและออกแบบเว็บไซต์ให้มีความสวยงามและใช้งานง่ายเป็นสิ่งสำคัญ ซึ่งในกระบวนการนี้ CSS (Cascading Style Sheets) มีบทบาทสำคัญในการกำหนดรูปแบบและลักษณะการนำเสนอของเอกสาร HTML หนึ่งในวิธีการที่ง่ายและสะดวกในการนำ CSS มาใช้ใน HTML ก็คือการใช้แท็ก `<style>` ที่สามารถให้เรากำหนดสไตล์ภายในเอกสาร HTML ได้โดยตรง
แท็ก `<style>` จะถูกใช้ภายใน `<head>` ของเอกสาร HTML และทำหน้าที่เป็นที่เก็บข้อมูล CSS ที่ใช้ในการตั้งค่าสไตล์สำหรับองค์ประกอบต่างๆ บนเว็บเพจ ซึ่งช่วยให้ผู้พัฒนาสามารถปรับเปลี่ยน ลักษณะสี, ตัวอักษร, ขนาด และระยะห่างขององค์ประกอบต่างๆ ได้ตามต้องการ
ตัวอย่างการใช้แท็ก `<style>` ใน HTML มีดังนี้:
```html
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ตัวอย่างการใช้แท็ก Style</title>
<style>
body {
background-color: #f0f0f0;
}
h1 {
color: blue;
text-align: center;
}
p {
font-size: 16px;
line-height: 1.5;
margin: 20px;
}
</style>
</head>
<body>
<h1>ยินดีต้อนรับสู่เว็บไซต์ของเรา</h1>
<p>นี่คือเนื้อหาตัวอย่างที่แสดงถึงการใช้แท็ก <style> เพื่อกำหนดลักษณะการนำเสนอให้กับเนื้อหาในเว็บเพจ</p>
</body>
</html>
```
ในตัวอย่างด้านบน เราเห็นว่าแท็ก `<style>` ถูกใช้เพื่อกำหนดลักษณะการนำเสนอสำหรับ `<body>`, `<h1>`, และ `<p>` ซึ่งช่วยให้เว็บเพจมีความสวยงามและอ่านง่ายขึ้น การเพิ่มความสามารถในการจัดรูปแบบดังกล่าวทำให้การออกแบบเว็บไซต์มีความราบรื่นและน่าสนใจยิ่งขึ้น
สรุปได้ว่า การใช้แท็ก `<style>` ใน HTML ทำให้การจัดรูปแบบเอกสารมีความยืดหยุ่นและสะดวกมากขึ้น ช่วยให้ผู้พัฒนาสามารถสร้างประสบการณ์ที่ดีกว่าให้กับผู้ใช้งานได้อย่างมีประสิทธิภาพ