小蔡学Web：[4]在网页中插入图片

时间：2026-02-15 13:26:16

1、首先我们打开DW网页编辑器然后新建一个image.html文件。

小蔡学Web：[4]在网页中插入图片

2、然后修改标题把“<title>无标题文档</title>”，修改成“<title>插入图片</title>”。

小蔡学Web：[4]在网页中插入图片

3、然后在<body></body>中插入img标签用来把图片插入到网页中。<img src="#" />其中src代表路径。#号表示空，调试后如下。

小蔡学Web：[4]在网页中插入图片

4、我们把空白链接补充完整，这样就可以在网页上看到图片了。

小蔡学Web：[4]在网页中插入图片

5、我们还能在img标签中设置高度和宽度，得到我们需要的图片大小，如下图我们设置完成之后明显小了。

<img src="材料/psb.jpg" height="200

小蔡学Web：[4]在网页中插入图片

6、当然我们还可以在样式中决定图片浮动的地方是靠左还是靠右。

小蔡学Web：[4]在网页中插入图片