DW在制作网页时怎么插入到html中一张图片?
DW是网页设计中不可少的软件,很多初学者都会学习DW,那在html网页设计中,如何给网页中添加一张图片呢?我们可以添加网络图片
在网页中插入本地图片
- 01
先打开DW软件,创建一个html网页。
- 02
在顶部菜单中依次点击【插入】-【图像】。(快捷键Ctrl+Alt+I)
- 03
在弹出的选择图片窗口中,找到自己电脑中的图片,选择后点击【确定】按钮。
- 04
点击确定后,出现一个弹窗,我们直接点击【确定】就可以了。
- 05
可以看到在body中已经插入了一个图片。我们也可以记住这段代码,下次插入图片可以直接输入代码也是可以的哦。
- 06
插入图片后,保存下网页,点击【F12】会用浏览器打开我们设计的网页,可以预览插入的图片的效果。
插入网络图片
- 01
如果是插入网络中的图片,我们先在网上找到想用的图片,复制图片链接。
- 02
打开DW后,在顶部依然选择【插入】-【图片】,在窗口底部有个【URL】,把复制的图片地址粘贴到这里,点击确定就成功啦。
- 03
可以看到不管是插入本地图片还是网络图片,插入图片的代码是一样的哦。只不过地址不一样。<img src="图片地址" width="宽" height="高" />我们只需要记住这段代码套用就可以啦。
赞 (0)