在线常见情况是，您的网站上有一张图像，您要链接到该图像。 也许你正在为你的网站编写一个页面，并且你想要添加该图片，或者你想从其他网站链接到它，比如你拥有的社交媒体帐户。 在这两种情况下，这个过程的第一步是识别该图像的URL（统一资源定位符）。 这是Web上特定映像的唯一地址和文件路径。
我们来看看这是如何完成的。
入门
首先，转到您要使用的图像的页面。 但请记住，您应该使用您拥有的图片。 这是因为指向其他人的图像被认为是带宽盗窃，并可能让您陷入麻烦 - 即使合法。 如果您链接到您网站上的图片，则您正在使用自己的图片和自己的带宽。 这很好，但如果你链接到别人的网站，你会吸取他们的网站带宽来显示该图像。 如果该网站的带宽使用量每月限制在很多托管公司所施加的限制内，那么您未经他们的同意即进入每月限制。 此外，将其他人的图片复制到您的网站可能会违反版权法。 如果有人已经授权在他们的网站上使用图片 ，他们已经这样做了他们的网站。 链接到该图像并将其绘制到您的网站中，以使其显示在您的网页上超出该许可证范围，并可能导致您受到法律处罚和罚款。
底线，你可以链接到你自己的网站/域以外的图像，但它最多可能被认为是粗鲁的，在最坏的情况下被认为是非法的，所以一起避免这种做法。 为了这篇文章的缘故，我们将假设这些图片是合法托管在您自己的域名上的。
现在您已了解图像链接的“陷阱”，我们将要确定您将使用哪种浏览器。
不同的浏览器以不同的方式做事，这很有意义，因为它们都是由不同公司创建的独特软件平台。 但是，大部分浏览器现在都有些类似。 在谷歌浏览器中，我会这样做：
- 找到你想要的图像。
- 右键单击该图像（ 按住Ctrl并单击 Mac）。
- 将出现一个菜单。 从该菜单中选择复制图像地址 。
- 如果您粘贴剪贴板上的内容，则会发现您具有该图像的完整路径。
现在，这就是Google Chrome的工作原理。 其他浏览器确实有差异。 在Internet Explorer中，右键单击图像并选择“ 属性” 。 从该对话框中，您将看到该图像的路径。 通过选择并复制到剪贴板来复制图像的地址 。
在Firefox中，您可以右键单击图像并选择复制图像位置 。
移动设备在寻找URL路径时更加棘手，而且由于当今市场上存在如此多的不同设备，所以创建一个关于如何在所有平台和设备上找到图像URL的确定列表将是一项艰巨的任务。 但是，在很多情况下，您只需触摸并按住图像即可访问允许您保存图像或查找其URL的菜单。
好的，所以一旦你有你的图片网址，你可以将其添加到HTML文档。 请记住，这是本练习的重点，要找到图片的网址，以便我们可以将其添加到我们的网页！ 以下是如何使用HTML添加它。 请注意，您可以使用您喜欢的任何HTML编辑器编写此代码：
类型：
在第一组双引号之间，您可以将路径粘贴到要包含的图像上。 替代文字的值应该是描述性内容，说明图像是否可以在页面上实际看不到的人。
上传您的网页，并在网络浏览器中测试它，看看您的图像是否已到位！
有用的提示
图像上不需要宽度和高度属性，除非您始终希望将图像渲染为精确的大小，否则应排除这些属性。 有了响应式网站和图像，可以根据屏幕尺寸进行重新调整和调整大小，但这些情况目前很少出现。 您可能最好关闭宽度和高度，尤其是在缺少其他尺寸信息或样式的情况下），浏览器无论如何都会以默认尺寸显示图像。