HTML <img> srcแอตทริบิวต์

ตัวอย่าง

ภาพถูกทำเครื่องหมายขึ้นดังนี้:

ความหมายและการใช้งาน

แอตทริบิวต์ที่ จำเป็นsrcระบุ URL ของรูปภาพ

มีสองวิธีในการระบุ URL ในsrc แอตทริบิวต์:

1. Absolute URL - ลิงค์ไปยังรูปภาพภายนอกที่โฮสต์บนเว็บไซต์อื่น ตัวอย่าง: src="https://www.w3schools.com/images/img_girl.jpg"

หมายเหตุ:รูปภาพภายนอกอาจอยู่ภายใต้ลิขสิทธิ์ หากคุณไม่ได้รับอนุญาตให้ใช้ คุณอาจกำลังละเมิดกฎหมายลิขสิทธิ์ นอกจากนี้ คุณไม่สามารถควบคุมภาพภายนอกได้ มันสามารถลบออกหรือเปลี่ยนแปลงได้ทันที

2. Relative URL - ลิงค์ไปยังรูปภาพที่โฮสต์ภายในเว็บไซต์ ที่นี่ URL ไม่รวมชื่อโดเมน หาก URL เริ่มต้นโดยไม่มีเครื่องหมายทับ URL นั้นจะสัมพันธ์กับหน้าปัจจุบัน ตัวอย่าง: src="img_girl.jpg". หาก URL ขึ้นต้นด้วยเครื่องหมายทับ URL จะสัมพันธ์กับโดเมน ตัวอย่าง: src="/images/img_girl.jpg"

เคล็ดลับ:เป็นการดีที่สุดที่จะใช้ URL ที่เกี่ยวข้องกัน จะไม่แตกถ้าคุณเปลี่ยนโดเมน

หมายเหตุ:ไอคอนลิงก์เสียและaltข้อความจะปรากฏขึ้นหากเบราว์เซอร์ไม่พบรูปภาพ

รองรับเบราว์เซอร์

Attribute
src	Yes	Yes	Yes	Yes	Yes

ไวยากรณ์

ค่าแอตทริบิวต์

Value	Description
URL	The URL of the image. Possible values: An absolute URL - points to another web site (like src="http://www.example.com/image.gif") A relative URL - points to a file within a web site (like src="image.gif")

Value

Description

URL

The URL of the image.

Possible values:

An absolute URL - points to another web site (like src="http://www.example.com/image.gif")
A relative URL - points to a file within a web site (like src="image.gif")

❮ แท็ก HTML <img>