HTML如何设置图片超链接,代码要怎么写?

HTML如何设置图片超链接,代码要怎么写?,第1张

你可以通过把某元素嵌套进a元素使其变成一个链接

把你的图片嵌套进a元素。举例如下:

<a href="#"><img src="/images/relaxing-cat.jpg"></a>

超链接是网页中的重要元素,超链接能使浏览者从一个页面跳转到另一个页面,实现文档和网页的互联工作。

了解超链接前还需要知道绝对路径和相对路径的概念。

绝对路径有两个缺点:

需要输入更多内容,

如果文件被移动,需要重新设置所有相关链接。

相对路径更适合网站内部链接。

相对路径使得同处站点文件夹内的相对地址可以自由在文件夹间构建连接,即使站点文件夹所在服务器发生改变,文件夹的所有内部链接都不会出现问题。 

超链接标记基本语法

<a href=”文件名”>链接元素</a>  

<a href=”URL”>链接元素</a>

新建一个html网页文件,用于手写html代码演示图片超链接

这里需要用到超链接的标签a,我们输入网页中,下图红框内就可以看到,你们可以学习到用法

这里要显示图片超链接还需要一个插入图片的标签img,这个标签的用法你们可以看看下图红框内,我已经写得很详细了

然后我们把已经知道的标签组合起来使用,就写出来下图的一段代码。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11955740.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存