Vấn đề chính liên quan đến HTML thêm hình ảnh từ các nguồn từ xa là nó có thể dẫn đến thời gian tải trang chậm. Điều này là do trình duyệt phải đưa ra yêu cầu riêng cho từng hình ảnh, yêu cầu này có thể tăng lên nhanh chóng nếu có nhiều hình ảnh trên trang. Ngoài ra, nếu nguồn từ xa bị hỏng hoặc có kết nối chậm, điều này có thể làm chậm thêm thời gian tải trang. Cuối cùng, cũng có nguy cơ gia tăng lỗ hổng bảo mật do hình ảnh được lấy từ nguồn bên ngoài.
<img src="https://example.com/image.jpg" alt="Example Image">
1. Dòng mã này là thẻ hình ảnh HTML, được sử dụng để hiển thị hình ảnh trên trang web.
2. Thuộc tính “src” chỉ định URL của hình ảnh sẽ được hiển thị, trong trường hợp này là “https://example.com/image.jpg”.
3. Thuộc tính “alt” cung cấp văn bản thay thế cho hình ảnh, trong trường hợp này là “Hình ảnh mẫu”.
thuộc tính img src
Thuộc tính img src trong HTML được sử dụng để chỉ định nguồn của hình ảnh. Nó được sử dụng trong vòng thẻ để xác định nguồn của một hình ảnh. Giá trị của thuộc tính này phải là một URL hợp lệ trỏ đến tệp hình ảnh. Thuộc tính này là bắt buộc đối với tất cả hình ảnh trên trang web và nó cho phép trình duyệt định vị và hiển thị hình ảnh.
Làm cách nào để thêm hình ảnh bên ngoài vào HTML
Thêm một hình ảnh bên ngoài trong HTML khá đơn giản. Tất cả những gì bạn cần làm là sử dụng thẻ và chỉ định nguồn của hình ảnh bằng thuộc tính src. Cú pháp để thêm một hình ảnh bên ngoài trong HTML như sau:
Trong đó “image_url” là liên kết đến tệp hình ảnh và “văn bản thay thế” là mô tả nội dung trong hình ảnh (dành cho mục đích trợ năng).
Ví dụ: nếu bạn muốn thêm một hình ảnh bên ngoài từ trang web của mình có tên là my-image.jpg, thì mã của bạn sẽ giống như sau:
