需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：<img src="small3.png" />。
3、浏览器运行index.html页面，此时添加的本地图片的路径是相对路径。
01要给图片添加超链接也很简单，我们在html里先添加一个图片标签，img，
02然后用超链接a标签将图片标签包围。
03然后再为超链接标签添加href属性，指定链接的目标网址。
04如上设置后，就可以了，在浏览器上打开，点击图片就会跳转到对应的网址的。
你可以通过把某元素嵌套进a元素使其变成一个链接。把你的图片嵌套进a元素。举例如下：
<a href="#"><img src="/images/relaxing-cat.jpg"></a>
超链接是网页中的重要元素，超链接能使浏览者从一个页面跳转到另一个页面，实现文档和网页的互联工作。
了解超链接前还需要知道绝对路径和相对路径的概念。
绝对路径有两个缺点：需要输入更多内容，
如果文件被移动，需要重新设置所有相关链接。
相对路径更适合网站内部链接。
相对路径使得同处站点文件夹内的相对地址可以自由在文件夹间构建连接，即使站点文件夹所在服务器发生改变，文件夹的所有内部链接都不会出现问题。
超链接标记基本语法
<a href=”文件名”>链接元素</a><a href=”URL”>链接元素</a>
