网站建设基础知识普及之如何链接网站上的图像

将此HTML添加到页面时，不要在锚标记和图像标记之间放置任何空格。如果你这样做了，一些浏览器会在图片旁边添加一些小标记，这看起来会很奇怪。

现在，徽标图像还可以作为主页按钮，这在当今几乎是一种网络标准。请注意，我们在HTML标记中不包括任何视觉样式，例如图像的宽度和高度。我们将把这些视觉样式留给CSS，并保持HTML结构和CSS样式的清晰分离。

一旦您使用CSS，您编写的针对此徽标图形的样式可能包括调整图像大小，包括多设备友好图像的响应性样式以及您喜欢添加到图像/链接中的任何视觉效果，如边框或CSS投影。如果您需要额外的“挂钩”来使用您的CSS样式，您也可以给您的图像或链接一个类属性。

因此，添加一个图像链接是相当容易的。正如我们刚刚看到的，您所要做的就是用适当的锚定标记包装图像。您的下一个问题可能是“除了前面提到的徽标/主页链接示例之外，您在实践中什么时候会这样做？”

以下是一些想法

• 图库中的缩略图图像，链接到这些图像的较大版本。
• 单独用于表示内容的图像，如电子商务网站的产品照片。
• 作为其他内容的一部分的挑逗图片，如博客文章或新闻稿，吸引人们注意到内容为他们提供了一个可点击的目标区域，或单击以阅读整篇文章。
• 用作按钮的图标图像，用于连接到站点中的特定功能或页面。
• 使用对该网站或公司重要的各种社交媒体网站的可识别徽标的社交媒体链接。

图像用作某些功能的按钮，如表单提交(最佳实践注意事项-从网站性能的角度来看，纯粹使用CSS设计的按钮是比图像按钮更好的选择)。

图像在网站的成功中起着重要的作用。上面提到的一个例子是使用图片和其他内容来吸引人们对这些内容的注意，并吸引人们去阅读它。使用图像时，您必须注意根据自己的需要选择正确的图像，这包括正确的图像主题、格式，并确保您在网站上使用的任何图像都为网站交付进行了适当的优化。这看起来似乎有很多的工作只是为了增加图片，但回报是值得的！。图片真的可以为网站的成功添加太多的东西。请不要犹豫在您的网站上使用适当的图像，并在需要时将这些图像链接到您的内容中，但也要注意这些图像的最佳做法，并在您的网站设计工作中正确和负责任地使用这些图形/链接。