如何在DreamWeaver中插入图片

在使用DreamWeaver进行网页设计时，经常需要向页面中插入图片。下面将介绍如何使用img标签来插入图片。

创建站点和图片文件夹

首先，在电脑中创建一个站点，并在该站点中建立一个专门用于存放图片的文件夹。这样可以方便管理图片资源。

具体操作步骤如下图所示：

新建HTML文件

打开DreamWeaver软件后，新建一个HTML文件，并将其保存到刚才创建的站点中。确保HTML文件与图片文件夹处于同一级目录。

保存快捷键为Ctrl S，保存路径如下图所示：

插入图片

在HTML文件的body标签中，使用img标签来插入图片。img标签是单标签，它的src属性用于指定图片的链接地址。

具体操作步骤如下：

lt;img src""gt;

以上代码表示插入的图片链接地址为img文件夹下的图片。

如果想插入多张图片，只需按照相同的方式输入不同的图片链接地址即可。

如下图所示：

预览页面

完成图片插入后，可以打开浏览器预览页面。快捷键F12可以快速打开默认浏览器来预览网页效果。

在本地浏览器中，三张图片将会显示出来。

如下图所示：

通过以上步骤，您已成功在DreamWeaver中插入并显示图片。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。