一个常见的在线场景是，你的网站上有一个你想要链接的图像。也许你正在你的网站上编码一个页面，你想添加这个图片，或者你想从另一个网站链接到它，比如你拥有的社交媒体帐户。无论哪种情况，此过程的第一步都是标识该图像的URL（统一资源定位器）。这是Web上特定映像的唯一地址和文件路径。让我们来看看这是如何做到的。

开始

首先，转到包含要使用的图像的页面。但是，请记住，您应该使用自己的图像。这是因为指向其他人的图像被视为带宽盗窃，可能会给你带来麻烦——即使是在法律上。如果您链接到网站上的图像，则您正在使用自己的图像和带宽。这很好，但如果你链接到其他人的网站，你就占用了他们的网站带宽来显示该图像。如果那个网站对他们的带宽使用有每月的限制，这是许多托管公司强加的，那么你就在未经他们同意的情况下蚕食他们的每月限制。此外，将他人的图像复制到您的网站可能会侵犯版权。如果有人已授权在其网站上使用图像，则他们仅在其网站上使用图像。链接到该图像并将其绘制到您的站点，使其显示在您的页面上，这超出了该许可证的范围，可能会使您面临法律处罚和罚款。总之，你可以链接到你自己网站/域之外的图片，但最好的情况下它被认为是粗鲁的，最坏的情况下是非法的，所以完全避免这种做法。在本文中，我们将假定这些图像合法地托管在您自己的域中。

现在您已经了解了图像链接的“陷阱”，我们将想确定您将使用哪个浏览器。不同的浏览器做的事情不同，这是有道理的，因为它们都是由不同的公司创建的独特的软件平台。

使用chrome查找web图像代码

在大多数情况下，现在浏览器的工作方式都有些相似。在Google Chrome中，我们会这样做：

1. 找到你想要的图像。
2. 右键单击该图像（Ctrl+单击Mac）。
3. 将出现一个菜单。从该菜单中，选择复制图像地址。
4. 如果粘贴剪贴板上的内容，您会发现您拥有该图像的完整路径。

使用其他浏览器

在Internet Explorer中，右键单击图像并选择“属性”。从该对话框中，您将看到此图像的路径。通过选择图像并将其复制到剪贴板，复制图像的地址。

在Firefox中，右键单击图像，然后选择复制图像位置。

移动设备在查找URL路径时更为棘手，而且由于当今市场上有这么多不同的设备，因此创建一份关于如何在所有平台和设备上查找图像URL的最终列表将是一项艰巨的任务。但是，在许多情况下，您可以按住图像以访问一个菜单，该菜单将允许您保存图像或查找其URL。

一旦有了图像URL，就可以将其添加到HTML文档中。请记住，这是本练习的重点，找到图像的URL，以便我们可以将其添加到页面中！下面是如何用HTML添加它。请注意，您可以在您喜欢的HTML编辑器中编写此代码：

在第一组双引号之间，将粘贴到要包含的图像的路径。alt text的值应该是描述性的内容，用于解释图像是什么，对于可能在页面上看不到图像的人来说。

上传您的网页并在web浏览器中测试，以查看您的图像是否已就位！

有用的提示

图像上不需要“宽度”和“高度”属性，除非您始终希望以该确切大小渲染该图像，否则应排除这些属性。由于响应迅速的网站和图像可以根据屏幕大小进行回流和调整大小，现在很少出现这种情况。您最好不要选择“宽度”和“高度”，尤其是在没有任何其他尺寸信息或样式的情况下，浏览器仍将以默认尺寸显示图像。