Một kịch bản phổ biến trực tuyến là bạn có một hình ảnh trên trang web của bạn mà bạn muốn liên kết đến. Có lẽ bạn đang mã hóa một trang trên trang web của mình và bạn muốn thêm hình ảnh đó hoặc có thể bạn muốn liên kết đến trang đó từ một trang web khác, như tài khoản truyền thông xã hội mà bạn có. Trong cả hai trường hợp, bước đầu tiên trong quá trình này là nhận dạng URL (định vị tài nguyên đồng nhất) của hình ảnh đó. Đây là địa chỉ và đường dẫn tệp duy nhất cho hình ảnh cụ thể đó trên Web.
Chúng ta hãy xem làm thế nào điều này được thực hiện.
Bắt đầu
Để bắt đầu, hãy truy cập trang có hình ảnh bạn muốn sử dụng. Tuy nhiên, hãy nhớ rằng bạn nên sử dụng hình ảnh mà bạn sở hữu. Đó là bởi vì chỉ vào hình ảnh của người khác được coi là hành vi trộm cắp băng thông và có thể khiến bạn gặp rắc rối - thậm chí là hợp pháp. Nếu bạn liên kết đến một hình ảnh trên trang web của bạn, bạn đang sử dụng hình ảnh của riêng bạn và băng thông của riêng bạn. Điều đó là tốt, nhưng nếu bạn liên kết đến trang web của người khác, bạn đang mút băng thông trang web của họ để hiển thị hình ảnh đó. Nếu trang web đó có giới hạn hàng tháng về việc sử dụng băng thông của họ, mà nhiều công ty lưu trữ thực hiện, thì bạn đang ăn vào giới hạn hàng tháng của họ mà không có sự đồng ý của họ. Ngoài ra, việc sao chép hình ảnh của người khác vào trang web của bạn có thể là vi phạm bản quyền. Nếu ai đó đã cấp phép một hình ảnh để sử dụng trên trang web của họ, họ đã làm như vậy cho trang web của họ một mình. Liên kết tới hình ảnh đó và vẽ hình ảnh đó vào trang web của bạn để nó hiển thị trên trang của bạn nằm ngoài giấy phép đó và có thể mở bạn tới các hình phạt và tiền phạt hợp pháp.
Tóm lại, bạn có thể liên kết đến hình ảnh bên ngoài trang web / tên miền của riêng bạn, nhưng nó được xem là thô lỗ ở mức tốt nhất và bất hợp pháp ở mức tồi tệ nhất, vì vậy, hãy tránh thực hành điều này cùng nhau. Vì lợi ích của bài viết này, chúng tôi sẽ giả định hình ảnh được lưu trữ hợp pháp trên tên miền của riêng bạn.
Bây giờ bạn đã hiểu "gotchas" của liên kết hình ảnh, chúng tôi sẽ muốn xác định trình duyệt nào bạn sẽ sử dụng.
Các trình duyệt khác nhau thực hiện các công việc khác nhau, điều này có ý nghĩa vì chúng là tất cả các nền tảng phần mềm độc đáo được tạo bởi các công ty khác nhau. Đối với hầu hết các phần, tuy nhiên, tất cả các trình duyệt hoạt động hơi giống nhau trong những ngày này. Trong Google Chrome, đây là những gì tôi sẽ làm:
- Tìm hình ảnh bạn muốn.
- Nhấp chuột phải vào hình ảnh đó ( Ctrl + nhấp vào máy Mac).
- Một menu sẽ xuất hiện. Từ trình đơn đó, tôi chọn Copy Image Address .
- Nếu bạn dán những gì bây giờ vào clipboard của bạn, bạn sẽ thấy rằng bạn có đường dẫn đầy đủ đến hình ảnh đó.
Bây giờ, đây là cách nó hoạt động trong Google Chrome. Các trình duyệt khác có sự khác biệt. Trong Internet Explorer, bạn nhấp chuột phải vào hình ảnh và chọn Properties . Từ hộp thoại đó, bạn sẽ thấy đường dẫn đến hình ảnh này. Sao chép địa chỉ của hình ảnh bằng cách chọn nó và sao chép nó vào clipboard của bạn.
Trong Firefox, bạn nhấp chuột phải vào hình ảnh và chọn sao chép vị trí hình ảnh .
Các thiết bị di động thậm chí còn phức tạp hơn khi tìm đường dẫn URL và vì có rất nhiều thiết bị khác nhau trên thị trường hiện nay, việc tạo danh sách cuối cùng về cách tìm URL hình ảnh trên tất cả nền tảng và thiết bị sẽ là một nhiệm vụ khó khăn. Tuy nhiên, trong nhiều trường hợp, bạn chạm và giữ một hình ảnh để truy cập vào menu sẽ cho phép bạn lưu hình ảnh hoặc tìm URL của nó.
OK, vì vậy khi bạn có URL hình ảnh của mình, bạn có thể thêm URL đó vào tài liệu HTML. Hãy nhớ rằng, đây là toàn bộ quan điểm của bài tập này, để tìm URL của hình ảnh để chúng tôi có thể thêm nó vào trang của chúng tôi! Đây là cách thêm nó bằng HTML. Lưu ý rằng bạn sẽ viết mã này trong bất kỳ trình soạn thảo HTML nào bạn thích:
Kiểu:
Giữa tập hợp dấu nháy kép đầu tiên bạn sẽ dán đường dẫn đến hình ảnh bạn muốn đưa vào. Giá trị của văn bản thay thế phải là nội dung mô tả giải thích hình ảnh dành cho ai có thể không thực sự thấy hình ảnh trên trang.
Tải lên trang web của bạn và kiểm tra nó trong một trình duyệt web để xem hình ảnh của bạn có được đặt đúng vị trí không!
Lời khuyên hữu ích
Các thuộc tính chiều rộng và chiều cao không được yêu cầu trên hình ảnh và chúng phải được loại trừ trừ khi bạn luôn muốn hình ảnh đó được hiển thị ở kích thước chính xác đó. Với các trang web và hình ảnh phản hồi tương phản và thay đổi kích thước dựa trên kích thước màn hình, điều này hiếm khi xảy ra trong những ngày này. Bạn có thể tốt hơn để lại chiều rộng và chiều cao, đặc biệt là kể từ khi không có bất kỳ thông tin hoặc kích thước kích thước nào khác), trình duyệt sẽ hiển thị hình ảnh ở kích thước mặc định của nó.