### ทำความเข้าใจเกี่ยวกับแท็ก <img> ในเอกสาร HTML
ในโลกของการพัฒนาเว็บไซต์ แท็ก `<img>` เป็นหนึ่งในแท็กที่สำคัญและใช้กันอย่างแพร่หลายในการแสดงภาพในเอกสาร HTML แท็กนี้ช่วยให้เราสามารถนำเสนอภาพต่าง ๆ ซึ่งช่วยเสริมสร้างความน่าสนใจให้กับเนื้อหาและทำให้เว็บไซต์มีความดึงดูดมากขึ้น
#### ประโยชน์ของแท็ก `<img>`
1. **เพิ่มความน่าสนใจ**: การใช้ภาพช่วยเพิ่มวิสัยทัศน์และความน่าสนใจให้กับเว็บไซต์ ช่วยให้ผู้ใช้งานเกิดความประทับใจและสนใจที่จะเข้าชมเนื้อหาเพิ่มเติม
2. **สื่อสารข้อมูล**: ภาพสามารถสื่อสารข้อมูลได้เร็วกว่าข้อความ เช่น แผนภูมิหรือกราฟิกที่แสดงข้อมูลต่าง ๆ ได้ชัดเจน
3. **สร้างแบรนด์**: การเลือกใช้ภาพให้สอดคล้องกับแบรนด์ช่วยให้ผู้เข้าชมสามารถจดจำแบรนด์ได้ดีขึ้น
#### รูปแบบการใช้แท็ก `<img>`
แท็ก `<img>` มีรูปแบบการเขียนที่ง่ายมาก ซึ่งมีคุณสมบัติหลัก ๆ ได้แก่:
- `src` (source): ระบุที่มาของภาพ ซึ่งสามารถเป็น URL หรือ path ของไฟล์ภาพในเซิร์ฟเวอร์
- `alt`: ให้ข้อมูลจำเพาะเกี่ยวกับภาพ ซึ่งจะปรากฏในกรณีที่ภาพไม่สามารถโหลดได้ และยังช่วยสนับสนุน SEO และการเข้าถึงสำหรับผู้พิการ
- `width` และ `height`: ใช้กำหนดขนาดของภาพเพื่อให้สามารถควบคุมการแสดงผลได้ดีขึ้น
#### ตัวอย่างการใช้แท็ก `<img>`
```html
<img src="images/photo.jpg" alt="ภาพตัวอย่าง" width="300" height="200">
```
ในตัวอย่างข้างต้น แท็ก `<img>` จะโหลดภาพจากไฟล์ `photo.jpg` ที่อยู่ในโฟลเดอร์ `images` พร้อมด้วยข้อความ alt ที่บรรยายว่าภาพนี้คืออะไร นอกจากนี้ยังมีการกำหนดขนาดให้ภาพมีความกว้าง 300 พิกเซล และสูง 200 พิกเซล
#### สรุป
แท็ก `<img>` เป็นเครื่องมือที่จำเป็นสำหรับนักพัฒนาเว็บที่ต้องการผลักดันให้เว็บไซต์ของตนมีรูปภาพที่สวยงามและมีเนื้อหาที่มีความหมาย การรู้จักการใช้งานแท็กนี้อย่างถูกต้องจะช่วยให้การพัฒนาเว็บไซต์ของคุณมีคุณภาพมากยิ่งขึ้น