HTML中给图片添加链接代码的方法

 时间:2024-10-20 08:17:22

1、在电脑端安装好一款打代码的软件,不管是DW了还是HBuilder等软件了,安装好软件新建一个Html文件,然后在body中先建立一个div,在div中插入图片,将一张图片以代码的形式置入

HTML中给图片添加链接代码的方法

3、在head中建立css样式,然后对div设置宽度以及位置设置,就是width以及margin的设置

HTML中给图片添加链接代码的方法

5、然后我们在浏览器预览中就可以看到如图所示的样子了,

HTML中给图片添加链接代码的方法

7、对图片添加好了链接后,在网页中,当鼠标经过图片时就会发现鼠标变成抓手状态了,表示可以点击,这时候再点击图片就会在当前网页中打开;如果想要在新页面中打开,只需要在a标签中输入target=_blank 中即可(_blank用英文双引号括起来)

HTML中给图片添加链接代码的方法
  • 网页设计HTML中如何插入背景图片
  • 网页背景图片设置的代码是什么呢
  • html图片如何居中
  • html怎样用图片做背景 让文字在图片上面
  • html 如何添加背景音乐
  • 热门搜索
    重庆旅游景点推荐 草原旅游景点 春秋航空旅游网 昆明大理丽江旅游攻略 旅游拍照姿势的摆法 四月份去哪旅游 景春旅游网 山西有哪些旅游景点 德庆旅游 南昌旅游团