给图片带上链接的html代码

今天我的一个好多年的建站的老朋友，问我：图片如何做成链接？也就是说：怎样给图片带上链接？天啦，这么简单的问题，他怎么问得出口哦！当然了，我们认为简单要死的问题，也许对别人来说，

今天我的一个好多年的建站的老朋友，问我：图片如何做成链接？

也就是说：怎样给图片带上链接？

天啦，这么简单的问题，他怎么问得出口哦！

当然了，我们认为简单要死的问题，也许对别人来说，还真的不知道呢？既然问我了，我就还是要好好的解答的：

给图片带上链接，很简单，就是一段html代码而已：

<a href="链接网址" target="_blank">
<img alt="图片描述" src="图片地址"  width="图片宽度" height="图片高度" />
</a>

其中，相关参数信息如下：

href="链接网址" ：这里是链接地址是任意的链接地址，可以是本站的也可以是外站的。是必选参数。

target="_blank"：这个是指在新窗口打开的意思。非必选项，可以去掉这个参数，就是在当前页面打开链接。

alt="图片描述"：这个图片描述就是定义图片的名字或者属性，告诉搜索引擎这是一张关于什么的图片，当网速慢，或者图片丢失的时候，会显示这个图片描述的信息。非必选项。

src="图片地址"：在网页里面图片的地址，一定是已经存在的地址。必选项。

width="图片宽度"：这是定义这张图片的显示宽度。值为数值，单位为px，如400px ，通常只是写400 。也可以写成100%，就是图片的实际大小。也可以不写。

height="图片高度"：这是定义这张图片的显示高度。值为数值，单位为px，如400px ，通常只是写400 。也可以写成100%，就是图片的实际高度，大多数情况下可以不写宽带，让这个图片的高度自适应图片的宽度。

根据上面的介绍内容，下面我来实际填写参数，给大家看看：

<a href="HTTPs://WWW.olzz.com/mipdiy.html" target="_blank">
<img alt="自适应MIP建站系统独立mipdiy模板" 
     src="https://www.olzz.com/img/mipdiy.jpg"  width="600" height="375" />
</a>

演示效果：https://www.olzz.com/html/geitupiandaishanglianjiedehtmldaima.html

猜你喜欢