需要准备的材料分别有：电脑、浏览器、记事本。
1、首先，新建一个记事本文件，例如：index.html，编写html基础代码。
2、在index.html中的<body>标签中加入html代码：<img src="/small.png" />。
3、浏览器运行index.html页面，此时相对路径的图片被成功添加显示了。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、将index.html中的<body>标签的代码替换为：
<body style="background: url(image.jpg)">
<audio autoplay loop src="11704.mp3"></audio>
</body>
3、浏览器运行index.html页面，此时发现页面多了背景图片和背景音乐。
代码如下:
1、<img src="divcss5-logo-201305.gif" width="165" height="60" />
img介绍：
src 后跟的是图片路径地址
width 设置图片宽度
height 设置图片高度
2、我们在html源代码中分别插入三张图片，一张原始大、一张将宽度高度改小小、一张将宽度高度改大。
3、效果图：
扩展资料:
在HTML中出现图片通常有2种：
1、某元素的背景图像【绝大多数元素都可以通过background属性设置其背景图像】
直接在html中的标签里设置：
<p style=”background-image:url(xxx.jpg)“>设置一个段落的背景图像</p>
在CSS上设置html中的 ”<p>一个段落</p>“ 的背景图像：
p{ background-image:url(xxx.jpg)}
2、图像元素img：
<img src="xxx.jpg" alt="这是一个图像元素">
