html用图片做链接

 时间:2024-10-13 09:09:30

1、很多网页中我们都可以看到,不小心点击图片都会跳到另一个页面,图片链接有时候也不单单是一张图片,我们也可以做成点击的链接

2、首先还是先写链接标签,代码如下<a href="#"></a>

html用图片做链接

3、我们做文字链接的时候是把链接包裹文字的,代码如下<a href="#">百度</a>

html用图片做链接

4、同样的道理,我们这也可以把文字部分换成图片就行了,该怎么换,代码如下:<a href="#"><img src="1.png"></a>

html用图片做链接

5、需要连接到哪个网页就直接把#改成链接到的地址即可,如下链接到百度代码如下:<img src="1.png">

html用图片做链接

6、在浏览器显示如图所示,当用户点击图片的时候就可以直接跳转到百度了

html用图片做链接
  • HTML之锚点链接
  • html设置网页背景图片
  • HTML用代码制作虚线框方法
  • 怎么让div居中
  • HTML怎么实现网页跳转
  • 热门搜索
    天津旅游团 迪拜旅游公司 怀集旅游 旅游法实施细则全文 重庆旅游租车 枫泾古镇旅游攻略 中国旅游景点介绍 阳澄湖旅游 百事通旅游 朱家角古镇旅游区