HTML网页中怎么写插入图片的代码？_IT百科

1、在代码中经常用到的插入图片代码是img属性，格式就是src后面是添加图片的地址，后面的alt是对图片的描述。

2、在插入图片前，要将html文件和图片文件放在一个文件夹内，这里的img文件夹就是专门存放图片的地方。

3、然后回到代码栏，在src中输入链接地址img/pic_01.jpg，要将图片的具体地址和名称全部写全才可以在网页中看到，否则就会显示连接失败错误而无法观看到图片。

4、将文件保存后，在浏览器中我么就可以看到此刻的图片被添加进来了，位于网页的左上角位置。

5、如果想要移动图片的所在位置，就需要先对其包装一下，用一个盒子将其包裹，然后调整盒子的位置就相当于移动的是图片的位置了。

6、如图，之前设置的盒子距离顶部100px.然后距离左侧100px，这样就将盒子挤到了现在所在的位置。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、将index.html中的<body>标签的代码替换为：

</body>

3、浏览器运行index.html页面，此时发现页面多了背景图片和背景音乐。

需要准备的材料分别有：电脑、浏览器、记事本。

1、首先，新建一个记事本文件，例如：index.html，编写html基础代码。

2、在index.html中的<body>标签中加入html代码：<img src="/small.png" />。

3、浏览器运行index.html页面，此时相对路径的图片被成功添加显示了。

欢迎分享，转载请注明来源：内存溢出

HTML网页中怎么写插入图片的代码？