1、首先我们打开DW网页编辑器然后新建一个image.html文件。
![小蔡学Web：[4]在网页中插入图片](https://exp-picture.cdn.bcebos.com/0d2fe5f202b375d79e748e40515872dadf49d8a6.jpg)
2、然后修改标题把“<title>无标题文档</title>”，修改成“<title>插入图片</title>”。
![小蔡学Web：[4]在网页中插入图片](https://exp-picture.cdn.bcebos.com/df087f0f8b56ad042167225ddae10ef85956d0a6.jpg)
3、然后在<body></body>中插入img标签用来把图片插入到网页中。<img src="#" />其中src代表路径。#号表示空，调试后如下。
![小蔡学Web：[4]在网页中插入图片](https://exp-picture.cdn.bcebos.com/0fb94656d53da824cee6f966306651598440cba6.jpg)
4、我们把空白链接补充完整，这样就可以在网页上看到图片了。
![小蔡学Web：[4]在网页中插入图片](https://exp-picture.cdn.bcebos.com/84010e2a04e23ea2244d95ce2b10bc33ed38c3a6.jpg)
5、我们还能在img标签中设置高度和宽度，得到我们需要的图片大小，如下图我们设置完成之后明显小了。
<img src="材料/psb.jpg" height="200
![小蔡学Web：[4]在网页中插入图片](https://exp-picture.cdn.bcebos.com/ed792abb19efa25f2a1bf7cf59828689a0463ba7.jpg)
6、当然我们还可以在样式中决定图片浮动的地方 是靠左还是靠右。
![小蔡学Web：[4]在网页中插入图片](https://exp-picture.cdn.bcebos.com/a007a9b1eef97fbd62730107b74133bad24133a7.jpg)
