需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：<img src="small3.png" />。
3、浏览器运行index.html页面，此时添加的本地图片的路径是相对路径。
1、首先，打开html编辑器，新建1个.html文件，例如：index.html。
2、在index.html中的<body>与</body>中，输入html编码：<img src="img/image.jpg" />。
3、之后浏览器进到index.html页面，此时发现页面成功引入了上一级文件夹img中的图片文件image.jpg。
在一个<a>标签中加上一个<img>标签内容，即可让该<img>拥有一个超链接。然后可以在后面继续写文字，此文字就会显示成超链接，点击该文字即可进入超链接。下面实例：
<a href="www.baidu.com">
<img border="0" src="/i/eg_buttonnext.gif" /></a>
扩展资料格式标志标签：
<p></p>创建一个段落 （英文全称：Paragraphs）
<p align="">将段落按左、中、右对齐
<br/>定义新行
<blockquote></blockquote>从两边缩进文本。
<dl></dl>定义列表（英文全称：DefinitionList）。
<dt>放在每个定义术语词前（定义术语、英文全称：DefinitionTerm）。
<dd>放在每个定义之前（定义说明、英文全称：DefinitionDescription）。
<ol></ol>创建一个标有序的列表，默认前面有数字，从数字“1”开始计数，依次叠加，也可以设置为字母或从任何自然数开始计数的列表项。
参考资料HTML-百度百科
