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

时间:2024-10-11 19:12:40

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 sr艘早祓胂c="材料/psb.jpg" height="200" width="400"/>

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

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

小蔡学Web:[4]在网页中插入图片
© 手抄报圈