在html网页中如何在图片上加一个链接（3）
1、1.如图所示，我们新建一个记事本，并将记事本的名字改为“在html网页中如何
在图片上加一个链接个链接.html”，并回车键确定，以使文件转化为浏览器可
以打开的html网页文件。
2、2..如图所示，我们在这个html文件上鼠标右击，在弹出的下拉列表中，我们依
次选择“打开方式（H）”再选择“选择默认程序（C）...”然后鼠标点击确定
打开此项。
3、3.如图所示，在这个选择程序的对话框中，我们选择“Sublime Test”这个程序
，打开这个html文件。
4、4.如图所示，我们输入html5的声明标签为—<！DOCTYPE html>，以告诉浏览器
我们编写的是一个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属性中写入图片的地址
，<img />是自结束标签。（标签格式一般是：<标签名 属性=“”属性=“”...
>这样的）。
10、10.如图所示，我们鼠标右击在弹出的下拉列表选择，在“浏览器中打开”，我
们就可以看到我们编写的网页了。
11、11.如图所示，我们看到了我们的图片，之后鼠标移动到图片上会出现小手，就
可以直接点击了。
12、12.如图所示，我们看到点击图片之后，跳到了我们设置的百度网址了。
13、13.这是本教材的源码，提供大家参考哦！
<!--声明为一个html文档-->
<!DOCTYPE html>
<!--编写html文档整体-->
<html>
<head>
<!--这是网页的标题-->
<title>在html网页中如何在图片上加一个链接（3）</title>
</head>
<body>
<!--链接内包含图片，这样点击图片就是点击这个链接了-->
<a href="http://www.baidu.com">
<!--加上图片-->
<img src="https://imgsa.baidu.com/forum/w
%3D580/sign=4107677afcf2b211e42e8546fa806511/e49d5491f603738df8480d2bb
41bb051f919ecd2.jpg?v=tbs" />
</a>
</body>
</html>