在网页上插入图像和使该图像成为可点击链接是有区别的。虽然HTML类似,但链接依赖于锚元素,而图像使用img元素。但是,图像可能嵌套在锚点中,使该图像可以作为链接单击。
基于图像的链接的一个常见用法是站点的徽标图形,然后将其链接回站点的主页。
以下是如何在HTML文档中放置不可单击的图像:
要将图像转换为链接,请添加锚链接,在图像之前打开锚元素,在图像之后关闭锚元素。此技术类似于链接文本的方式,不同之处在于,您不包装文字,而是包装图像:
将这种类型的HTML添加到页面时,不要在锚定标记和图像标记之间放置任何空格。如果你这样做了,一些浏览器会在图像旁边添加小记号,这看起来很奇怪。
该徽标现在还充当主页按钮,这在当今几乎是一种网络标准。
请注意,我们没有在html标记中包含任何视觉样式,例如图像的宽度和高度。我们将把这些视觉样式留给css并保持html结构和css样式的清晰分离。
...许你读过我们的一些HTML(理解HTML)和CSS教程,但不知道如何在更大的项目中使用这些语言。 ...
...解释访问者是否可以选择不收集和使用他们的信息,以及如何这样做。 访问:提供任何链接,读者可以在其中看到您收集的数据,如果他们想更正它。 安全性:详细说明为保护已更正的任何用户数...
...,并将其直接添加到文档中。 在这里,我们将向您展示如何使用microsoftword中的research工具减少研究时间并加快论文的撰写。 Note: At the time of writing, Researcher is available with Word for Microsoft 365, Word for Microsoft 365 for Mac, and Word 2016. It is...
...电视节目的所在地。但如果你不喜欢流媒体平台,下面是如何取消你的派拉蒙+订阅。 Note: You must cancel your Paramount+ subscription from the app or platform where you created it. Basically, this means if you subscribed to Paramount+ (or CBS All Access) from your compu...
...问答网站分组。 问题 超级用户读者temerariomalaga想知道如何找到他很久以前下载的图片的原始网站: I need to find the original source of a picture I downloaded some years ago. I want to know because I would like to visit the website I downloaded it from again. Is a...
...何大小的文件。你只需上传一个文件,他们就会给你一个链接来共享这个文件。 与其他竞争对手不同的是,他们为Windows和Mac提供了一个非常好的应用程序,让您可以轻松地共享文件、文件夹和文档。 安全发送 安全发送允许...
...dPress软件。今天我们将解释WordPress不太明显的优点,以及如何从新的web软件中获得更多的好处。 这是我们系列文章的第三篇也是最后一篇,介绍如何拥有自己的网站,并通过基本的WordPress安装创建内容。在任何初学者都能理解...
...。我们已经发表了许多关于使用Photoshop的技巧和窍门以及如何解决您可能遇到的恼人问题的文章。 这篇文章汇集了30个最好的技巧和窍门,我们已经记录,以帮助您获得最大的Photoshop。 10个常见的photoshop问题(以及如何在5分...
...速给你的博客涂上一层新漆,让它脱颖而出吗?下面是你如何定制你的WordPress博客,让它成为你独一无二的博客。 WordPress提供了许多功能,帮助您使博客尽可能地发挥最佳效果。虽然它没有在您自己的服务器上运行的完整WordPres...
...外部显示器,并使用它像一台电脑键盘和鼠标。 看点:如何观看三星galaxy s8活动 一些我们以前没有见过的东西也出现在指南中,包括“蓝牙双音频”功能。这显然可以让您同时将蓝牙音频流传输到两个不同的耳机或扬声器,从...