1、打开Dreamweaver,之后,新建一个html文档,然后在界面的上方找到插入图片的按钮,点击它,插入图片。
2、插入图片之后,再写上文字,文字在图片下方,和图片的距离比较远。
3、切换到代码模式,或者拆分模式,拆分模式的好处就是可以同时看到代码和实际效果。
4、将图片和文字对应的所有P版权都删除,包括<p>和</p>,这些标签是段落标签,dw默认段间距太宽,所以就换一种段落方式。
5、删掉了p标签之后,在文字的前端写上<br>,然后看一下效果,图片和文字的距离缩小了,效果如图所示就完成了。