Thuộc tính HTML <img> src

Thí dụ

Một hình ảnh được đánh dấu như sau:

Định nghĩa và Cách sử dụng

Thuộc tính bắt buộc srcchỉ định URL của hình ảnh.

Có hai cách để chỉ định URL trong src thuộc tính:

1. URL tuyệt đối - Liên kết đến một hình ảnh bên ngoài được lưu trữ trên một trang web khác. Ví dụ: src = "https://www.w3schools.com/images/img_girl.jpg".

Ghi chú: Hình ảnh bên ngoài có thể thuộc bản quyền. Nếu bạn không được phép sử dụng nó, bạn có thể vi phạm luật bản quyền. Ngoài ra, bạn không thể kiểm soát hình ảnh bên ngoài; nó có thể đột ngột bị xóa hoặc thay đổi.

2. URL tương đối - Liên kết đến một hình ảnh được lưu trữ trong trang web. Ở đây, URL không bao gồm tên miền. Nếu URL bắt đầu mà không có dấu gạch chéo, nó sẽ liên quan đến trang hiện tại. Ví dụ: src = "img_girl.jpg". Nếu URL bắt đầu bằng dấu gạch chéo, nó sẽ liên quan đến miền. Ví dụ: src = "/ images / img_girl.jpg".

Mẹo: Hầu như luôn luôn tốt nhất là sử dụng các URL tương đối. Chúng sẽ không bị hỏng nếu bạn thay đổi miền.

Lưu ý: Biểu tượng liên kết bị hỏng và altvăn bản được hiển thị nếu trình duyệt không thể tìm thấy hình ảnh.

Hỗ trợ trình duyệt

Attribute
src	Yes	Yes	Yes	Yes	Yes

Cú pháp

Giá trị thuộc tính

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")

❮ Thẻ HTML <img>