在線常見情況是，您的網站上有一張圖像，您要鏈接到該圖像。 也許你正在為你的網站編寫一個頁面，並且你想要添加該圖片，或者你想從其他網站鏈接到它，比如你擁有的社交媒體帳戶。 在這兩種情況下，這個過程的第一步是識別該圖像的URL（統一資源定位符）。 這是Web上特定映像的唯一地址和文件路徑。
我們來看看這是如何完成的。
入門
首先，轉到您要使用的圖像的頁面。 但請記住，您應該使用您擁有的圖片。 這是因為指向其他人的圖像被認為是帶寬盜竊，並可能讓您陷入麻煩 - 即使合法。 如果您鏈接到您網站上的圖片，則您正在使用自己的圖片和自己的帶寬。 這很好，但如果你鏈接到別人的網站，你會吸取他們的網站帶寬來顯示該圖像。 如果該網站的帶寬使用量每月限制在很多託管公司所施加的限制內，那麼您未經他們的同意即進入每月限制。 此外，將其他人的圖片複製到您的網站可能會違反版權法。 如果有人已經授權在他們的網站上使用圖片 ，他們已經這樣做了他們的網站。 鏈接到該圖像並將其繪製到您的網站中，以使其顯示在您的網頁上超出該許可證範圍，並可能導致您受到法律處罰和罰款。
底線，你可以鏈接到你自己的網站/域以外的圖像，但它最多可能被認為是粗魯的，在最壞的情況下被認為是非法的，所以一起避免這種做法。 為了這篇文章的緣故，我們將假設這些圖片是合法託管在您自己的域名上的。
現在您已了解圖像鏈接的“陷阱”，我們將要確定您將使用哪種瀏覽器。
不同的瀏覽器以不同的方式做事，這很有意義，因為它們都是由不同公司創建的獨特軟件平台。 但是，大部分瀏覽器現在都有些類似。 在谷歌瀏覽器中，我會這樣做：
- 找到你想要的圖像。
- 右鍵單擊該圖像（ 按住Ctrl並單擊 Mac）。
- 將出現一個菜單。 從該菜單中選擇複製圖像地址 。
- 如果您粘貼剪貼板上的內容，則會發現您具有該圖像的完整路徑。
現在，這就是Google Chrome的工作原理。 其他瀏覽器確實有差異。 在Internet Explorer中，右鍵單擊圖像並選擇“ 屬性” 。 從該對話框中，您將看到該圖像的路徑。 通過選擇並複製到剪貼板來複製圖像的地址 。
在Firefox中，您可以右鍵單擊圖像並選擇複製圖像位置 。
移動設備在尋找URL路徑時更加棘手，而且由於當今市場上存在如此多的不同設備，所以創建一個關於如何在所有平台和設備上找到圖像URL的確定列表將是一項艱鉅的任務。 但是，在很多情況下，您只需觸摸並按住圖像即可訪問允許您保存圖像或查找其URL的菜單。
好的，所以一旦你有你的圖片網址，你可以將其添加到HTML文檔。 請記住，這是本練習的重點，要找到圖片的網址，以便我們可以將其添加到我們的網頁！ 以下是如何使用HTML添加它。 請注意，您可以使用您喜歡的任何HTML編輯器編寫此代碼：
類型：
在第一組雙引號之間，您可以將路徑粘貼到要包含的圖像上。 替代文字的值應該是描述性內容，說明圖像是否可以在頁面上實際看不到的人。
上傳您的網頁，並在網絡瀏覽器中測試它，看看您的圖像是否已到位！
有用的提示
圖像上不需要寬度和高度屬性，除非您始終希望將圖像渲染為精確的大小，否則應排除這些屬性。 有了響應式網站和圖像，可以根據屏幕尺寸進行重新調整和調整大小，但這些情況目前很少出現。 您可能最好關閉寬度和高度，尤其是在缺少其他尺寸信息或樣式的情況下），瀏覽器無論如何都會以默認尺寸顯示圖像。