手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

DW在制作网页时怎么插入到html中一张图片

时间:2024-10-14 01:45:38

DW是网页设计中不可少的软件,很多初学者都会学习DW,那在html网页设计中,如何给网页中添加一张图片呢?我们可以添加网络图片

DW在制作网页时怎么插入到html中一张图片

工具/原料

Dreamweaver CS6

在网页中插入本地图片

1、先打开DW软件,创建一个html网页。

DW在制作网页时怎么插入到html中一张图片

2、在顶部菜单中依次点击【插入】-【图像】。(快捷键Ctrl+Alt+I)

DW在制作网页时怎么插入到html中一张图片

3、在弹出的选择图片窗口中,找到自己电脑中的图片,选择后点击【确定】按钮。

DW在制作网页时怎么插入到html中一张图片

4、点击确定后,出现一个弹窗,我们直接点击【确定】就可以了。

DW在制作网页时怎么插入到html中一张图片

5、可以看到在body中已经插入了一个图片。我们也可以记住这段代码,下次插入图片可以直接输入代码也是可以的哦。

DW在制作网页时怎么插入到html中一张图片

6、插入图片后,保存下网页,点击【F12】会用浏览器打开我们设计的网页,可以预览插入的图片的效果。

DW在制作网页时怎么插入到html中一张图片

插入网络图片

1、如果是插入网络中的图片,我们先在网上找到想用的图片,复制图片链接。

DW在制作网页时怎么插入到html中一张图片

2、打开DW后,在顶部依然选择【插入】-【图屡阽咆忌片】,在窗口底部有个【URL】,把复制的图片地址粘贴到这里,点击确定就成功啦。

DW在制作网页时怎么插入到html中一张图片

3、可以看到不管是插入本地图片还是网络图片,插入图片的代码是一样的哦。只不过地址不一样。<img src="图片地址" width="宽" height="高" />我们只需要记住这段代码套用就可以啦。

DW在制作网页时怎么插入到html中一张图片
© 手抄报圈