ใช้ ![]()
แท็ก
ในโค้ด HTML ของเว็บเพจคุณอาจเพิ่มรูปภาพโดยใช้ แท็ก ใน
แท็กคุณต้องระบุแอตทริบิวต์สี่รายการ:
- Src - แอตทริบิวต์แหล่งที่มาระบุถึงตำแหน่งของภาพ คุณอาจใช้เส้นทางสัมพัทธ์หากภาพอยู่บนเซิร์ฟเวอร์เดียวกันกับเว็บไซต์ของคุณ แต่ภาพจากเว็บไซต์อื่นต้องใช้เส้นทางที่แน่นอน
- Alt - แอตทริบิวต์ข้อความสำรองเป็นคำอธิบายที่เป็นลายลักษณ์อักษรของภาพ
- ความกว้าง - ความกว้างของภาพ
- ความสูง - ความสูงของภาพ
แอตทริบิวต์ที่เป็นตัวเลือกคือ Border ซึ่งช่วยให้คุณระบุเส้นขอบรอบ ๆ รูปภาพ คุณลักษณะเส้นขอบถูกกำหนดในขนาดพิกเซล ตัวอย่างเช่นการใช้เส้นขอบ = 1 ใน แท็กหมายถึงเส้นขอบรอบภาพจะมีความกว้าง 1 พิกเซล
หมายเหตุ: แอตทริบิวต์ Border ได้รับการสนับสนุนใน HTML5 และไม่ได้รับการสนับสนุน
ตัวอย่าง
ตัวอย่างต่อไปนี้แสดง HTML จริงที่ใช้ในการเพิ่มภาพที่ด้านบนของหน้านี้ พวกเขาอาจจะแทรกที่ใดก็ได้ในเนื้อหาของหน้าของคุณ อันแรกมี URL ที่สั้นกว่าเพราะรูปภาพถูกเก็บไว้ในเซิร์ฟเวอร์ของเรา ที่สองคือวิธีที่คุณจะเชื่อมโยงไปยังภาพของเรา
ตัวอย่างที่หนึ่ง
ตัวอย่างที่สอง
ฉันสามารถใช้รูปแบบภาพใดในเว็บเพจได้บ้าง
รูปแบบภาพทั่วไปที่ใช้สำหรับรูปภาพภาพถ่ายโลโก้และภาพอื่น ๆ คือ JPEG, GIF และ PNG รูปแบบภาพอื่น ๆ ที่ไม่รองรับอย่างกว้างขวางเช่น BMP อาจไม่ทำงานในเบราว์เซอร์ทั้งหมด
ฉันต้องการคำพูดเกี่ยวกับคุณสมบัติในแท็ก img หรือไม่
ใช่. แม้ว่าโดยทั่วไปแล้วเบราว์เซอร์ของวันนี้จะสามารถแก้ไขข้อผิดพลาดใด ๆ ที่มีเครื่องหมายคำพูดที่หายไปรอบ ๆ ค่าคุณลักษณะคุณควรมีคำพูดอยู่รอบ ๆ ค่าคุณลักษณะเพื่อป้องกันข้อผิดพลาด