在网页中的图片加上一个链接，可以更形象的展示这个链接将要展现的内容，比其单单点击一稍僚敉视个链接，给用户的体验要好的多，而且用于可以知道自己点这个链接将要出现什么内容，了解的更清楚一些，下面眺螗熨膣本大神就来讲讲在网页上的图片，如何加上链接。
工具/原料
windows记事本（任意一个版本即可）
Sublime(也是一种记事本)
任意一个浏览器即可（这里使用GoogleChrome浏览器）
方法/步骤
1、1.如图所示，我们新建一个记事本，并将记事本的名字改为“在html网页中如何在图片上加一个链接个链接.html”，并回车键确定，以使文件转化为浏览器可以打开的html网页文件。
2、2..如图所示，我们在这个html文件上鼠标右击，在弹出的下拉列表中，我们依次选择“打开方式（H）”再选择“选择默认程序（C）...”然后鼠标点击确定打开此项。
3、3.如图所示，在这个选择程序的对话框中，我们选择“SublimeTest”这个程序，打开这个html文件。
4、4.如图所示，我们输入html5的声明标签为—<！DOCTYPEhtml>，以告诉浏览器我们编写的是一个html5的网页。
5、5.如图所示，我们依次先用<html>这个标签包住网页的整体，这个是必须的。
6、6.如图所示，我们接下来我们在里面依次编写html5网页的头部标签—<head></head>这一对标签。
7、7.如图所示，我尺攵跋赈们再编写主体部分的标签—<body>和</body>。（html标签一般是成对出现的比如：<head>和</head>这一对。）
8、8.如图所示，我们写一个链接的标签—<a>标签，以使其包含其他标签，并且设置其href属性的链接地址为：“http://www.baidu.com”。
9、9.如图所示，我们写缬方焱蜱一个<img>标签用于插入图片，在src属性中写入图片的地址，&l墉掠载牿t;img/>是自结束标签。（标签格式一般是：<标签名属性=“”属性=“”...>这样的）。
10、10.如图所示，我们鼠标右击在弹出的下拉列表选择，在“浏览器中打开”，我们就可以看到我们编写的网页了。
11、11.如图所示，我们看到了我们的图片，之后鼠标移动到图片上会出现小手，就可以直接点击了。
12、12.如图所示，我们看到点击图片之后，跳到了我们设置的百度网址了。
13、13饱终柯肢.这是本教材的源码，提供大家参考哦！<!--声明为一个html文档--><!DOCTYPEhtml><!--编写html文档整体--><htm造婷用痃l><head><!--这是网页的标题--><title>在html网页中如何在图片上加一个链接（3）</title></head><body><!--链接内包含图片，这样点击图片就是点击这个链接了--><ahref="http://www.baidu.com"><!--加上图片--><imgsrc="https://imgsa.baidu.com/forum/w%3D580/sign=4107677afcf2b211e42e8546fa806511/e49d5491f603738df8480d2bb41bb051f919ecd2.jpg?v=tbs"/></a></body></html>